css作用 文本属性 颜色属性

Css作用：美化页面

各种css属性 接触的 css属性

width：

height：

background：

Color

选择符和声明

声明包括 属性：属性值

选择符：{

属性：属性值

}

1：文本属性：font-size：；

A，为了消除系统式设备之间的字体显示差异 规定16px为标准字体大小

B，文本大小的设置在pc端尽量设置成偶数

C，文本大小的设置在pc端最小尽量别低于12px

D，怎么在设计图上面获取文本大小汉子，高度等

E，文字的单位：px   pt（磅）pt=12px  em（相对大小单位，相对于父元素的font-size值）

1em = 16px

2：文本颜色 color：；

rgb颜色模式：color：rgb（112，12,12）；

rgba颜色模式：color：rgba（255,0,0,0.5）；后面的0.5是透明度1是不透明

十六进制数字表示颜色值  表示颜色值：#16进制的数字（6位或者3位（3位必须数字是相同的））

color：#225,0,0； color：#000;   color：red;

3:文本类型：font-family：；

大部分浏览器默认字体：微软雅黑；

语法：如果字体是中文；字体要放在引号里面

B，如果字体是多个英文单词也要放在引号里面

C，我们把系统或者设备能识别的字体称之为：web安全字体

D，如果设置多个字体情况下字体和字体之间用逗号隔开

E，如果中英文都存在的情况下，先写英文字体再写中文字体

F，Aridl英文默认字体

4：字体加粗：font-height：；

属性值：

normal  常规文本

bold  加粗

bolder 加粗

100-900  分为9个等级

5：字体的倾斜  font-style：；

属性值：

normal  常规文本

italic  倾斜

oblique 倾斜

6：行高的处理 ： line-height：；

A，在设计图里面获取行高（从第一行开始量到第二行开始）

B，行高在浏览器的解析：line-height：40px；让文本在40px的高度里面上下居中

C，单行文本撑开容器高度的时候上下误差清零：line-height设置成文字高度

7：水平对齐方式：

text-align：；

属性值：left right center justify（二端对齐）

8：文本修饰属性：（下划线）

text-decoration：；

属性值：

none  去掉下划线

underline 添加下划线

overline  添加上划线

line-though  添加删除线

blink 浏览器不识别 闪

9：首航缩进 ： text-indent：；

text-indent：2em；

属性值可以是负数（悬挂式缩进）

10：字体间距&&词间距

letter-spacing

word-sapcing

11：控制文本带小写：

text-transform：；

属性值：

capitalize 每个单词首字母大写

uppercase 大写

lowercase 小写