前端Day9

CSS颜色表示

1.RGB颜色表示法：

color：rgb（红色，绿色，蓝色）

可以用数字，也可以用百分数

2.十六进制表示法：

color：#十六进制数

CSS长度单位

相对长度单位：

px：像素点，像素就是显示器的一个点；

em：1em等于当前字体大小，比如，当前字体大小为16px，1em=16px。

css字体样式属性

1.font-size：字号大小

推荐使用像素单位；

可选参数值：xx-large，x-small，small，medium，large，x-large，xx-large，smaller，larger

一般页面字体大小：12px，14px

2.font-family：字体

属性值可由英文，中文组成，但若字体名有中文或空格，则应用括号括起来；

一般可有几个值，若浏览器找不到前面的字体，则尝试下一个，直到找到合适的字体；

尽量使用默认字体，保证任何用户浏览器中都能正确显示；

用浏览器中的escape()函数可把中文字符转换成UFT-8编码。

设置字体系列：

衬线体：有修饰，让字体变美观（serif）；

非衬线体：无修饰（sans-serif）；

前面的字体查找失败后，在系统中找一种sans-serif作为默认字体，只能放在最后，若放在前面，则字体失效。

3.font-weight：字体粗细

html标签：

属性值：normal（正常）、bold（加粗）、bolder，lighter，100~900（100的整数倍）、有继承性

400：normal

700：bold

推荐使用数字，无单位。

font-style：字体风格

属性值：

normal：默认值，显示标准字体样式；

italic：使用斜体的字体样式显示，若字体本身没有，那么正常显示；

oblique：让文字倾斜显示；

字体合写样式：font：字体样式  字体设置加粗  字体大小/行高  字体类型

不需要设置的属性可以忽略（取默认值），但必须保留font-size和font-family属性，否则合写将不起作用。

CSS文本外观属性

1.color：文本颜色

预定义颜色值：red，blue，pink等；

十六进制：如#FF0000、#FF6600；十六进制是最常用的方式；

RGB代码：rgb(255,0,0)或rgb(100%，0%，0%)；若使用颜色百分比颜色值，取值为0时也不能省略百分号；

2.letter-spaceing：字间距，字符与字符之间的距离

允许使用负值，默认normal；

3.word-spacing：单词间距，对中文无效

如果中文字之间有空格的话，会把空格设置成20px宽度；

CSS控制按钮文本

1.line-height：行高，控制文本垂直方向居中

若属性值与标签高度一致，则可以设置文本居中。

2.text-align：控制文本水平方向居中

属性值：center，left，right

3.text-decoration：文本装饰

属性值为：

none：没有装饰；

underline：下划线；

overline：上划线；

line-through：删除线。

4.text-indent：首行缩进

text-indent属性用于设置段落首行文本的缩进，只能设置于块级标签。其属性值可为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%，允许使用负值，建议使用em作为设置单位。

5.white-space：空白符的显示

normal：正常的显示，如果宽度不够进行折行显示。

nowrap：即使超过盒子的宽度，文本也不进行换行显示。

pre：写html代码的时候是什么样式的，显示就显示成什么样的。

6.word-break：自动换行

normal：不打断单词；

break-all：可以把一个单词放在两行中，充分利用空间；

keep-all：只能在半角空格或连字符处换行。