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

一、
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就好了

上一篇:3.3 for 循环


下一篇:CSS.02 -- 样式表 及标签分类(块、行、行内块元素)、CSS三大特性、背景属性