第十三课 CSS外观及样式的应用 css学习3

2019-03-06 07:17:44来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

一、
1、color: 文本颜色
  预定义文本颜色值,如red,blue等
  十六进制的颜色值 #fff白色 建议常用的表示方法
  RGB代码,如红色可以表示为rgb(255,0,0)或rgb(100%,%0,%0)

2、行间距: line-height
    line-height: 10px;

3、text-align 文本水平对齐方式
  text-align: center; right left

4、 text-indent 首行缩进
  text-indent: 1em; 1em 一个字的宽度

5、letter-spacing 字间距
  letter-spaccing: 2px;

6、word-spacing 单词间距
  word-spacing:10px; 针对于英文,中文无效

7、颜色半透明
  color: rgba(r,g,b,a) a是alpha 透明的意思 取值范围为0-1 四个参数不能省略
  color: rgba(255,0,0,.3);

8、文字阴影(Css3)
语法结构:
text-shadow: 水平位置 垂直位置 模糊距离 阴影的颜色; 四个参数 前两个参数必写 后两个默认
如:text-shadow: 5px,11px 3px rgba(0,0,0,.4);

9、sublime快捷键
  1、tab自动补全下半部分元素
  2、生成多个相同元素使用* 如 div*3 可生成3个div
  3、父子关系的元素 ul>li*3
  4、兄弟关系的标签,用+就可以了 如 div+p
  5、如果生成带有类名或者id名字的 直接写.demo或者 #two tab就好了

 


原文链接:https://www.cnblogs.com/Liuxingtao/p/10483394.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:小tips:使用rem+vw实现简单的移动端适配

下一篇:css3修改浏览器scroll默认样式