领跑计划Day005Css

Posted 2021-12-11 师兄白泽

常见Css样式声明

1. color

   元素内部的文字颜色

   预设值：定义好的单词[red,blue,black等]

   三原色，色值：光学三原色（红绿蓝）每个颜色可以使用0-255之间的数字来表示（马尔斯绿，克莱因蓝）

   rgb(红,绿,蓝);
   0 255 0 绿色
   255 0 0 红色
   0 0 255 蓝色
   hex 十六进制 红绿蓝
   #f40 淘宝红 = #ff4400
   黑色 #000000
   白色 #ffffff
   红 #ff0000
   绿 #00ff00
   蓝 #0000ff
   

2. background-color

   元素的背景颜色

   颜色值同color属性相同

3. font-size

   元素内部文字大小

   1. 像素：px pc本1920*1080 简单理解：文字的高度占多少个像素（绝对单位）

   2. em：相对单位 相对于父元素的字体大小

      每个元素必须有字体大小，如果没有声明，则直接使用父元素的字体大小，如果没有父元素，则使用基准字体大小。

4. font-weight

   字体粗细，可以取数字和预设值

   normal 普通效果 相当于400

   blod 加粗 700

   light 细体

5. font-family

   字体类型：（必须用户计算机中存在的字体才能有效）

   ​ 微软雅黑

   ​ San Francisco（无衬线字体）

   ​ Arial

   ​ 华文行楷等等

   一般使用多种字体来适配用户电脑（为了适配有些古老的用户，一般会在最后加一个衬线字体[sans-serif]）

6. font-style

   字体样式，通常用它设置斜体等样式

   i em斜体

   strong 加粗

   b 加粗

7. text-decoration

   文本修饰

   line-through 删除线

   overline 上划线

   underline 下划线

8. text-ident

   首行缩进 px/em

9. line-height

   行高

10. width

    宽度 px/em

11. height

    高度 px/em

12. text-align

    元素内部文字的水平排列方式

    left 左

    right 右

    center 中

13. letter-spacing

    文字间隙 px/em