欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-25 18:46:15
一、1、color: 文本颜色 预定义文本颜色值,如red,blue等 十六进制的颜色值 #fff白色 建议常用的表示方法 RGB代码,如红色可以表示为rgb(255,0,0)或rgb(100%,%0,%0) 2、行间距: line-height line-height: 10px; 3、text- ......

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