web前端开发-----CSS样式设置

一.CSS中用16进制码表示颜色。

CSS中，除了使用RGB定量地表示颜色，还有一种常见的表达方法--十六进制码。

十六进制码，是以#开头的6位十六进制数表示颜色的方式。其语法规则为：#FF0000。

这个6位数可以分为三组，依次对应red、green、blue三种颜色的强度。

每组两位数，最低值为00，最高值为FF。

比如#FF0000的FF表示red的强度，00表示green的强度，后一组00表示blue的强度。

使用十六进制码表示颜色时，如果每组的两个十六进制数是相同的。

例如 #FF0000、#FFFFFF、#AABBCC，则可以将它们简写#F00、#FFF、#ABC。

除了字体颜色外，在制作网页时我们往往会在网页中添加一些背景颜色让网页更加美观，吸引访问者的眼球。

我们设置字体颜色时，使用color属性。

而设置背景颜色，则使用background-color属性，属性值同样可以使用颜色名称、RGB和十六进制码。

二.CSS设置字体样式。

font-family 属性，用于设置字体类型。

font-style属性，用于设置字体风格。

font-weight属性，用于设置字体粗细。

font-size属性，用于设置字体的大小。

牢记，字体大小和字体类型是必须设置的，并且字体类型放在最后。

这里一定需要注意，不同的属性值之间使用空格间隔。

text-align 属性，用于设置文本的水平对齐方式。

text-indent属性，用于指定文本的首行缩进，通常是将段落元素p的首行缩进。

text-decoration属性，用于为文本添加修饰。

line-height属性，用于设置文本的行高。

设置属性text-decoration: none;，清除了链接默认的下划线。

其实，行高还可以是单独的数字，数字表示字体大小的倍数。

比如p元素的字体大小为16px，则设置line-height: 3，表示行高为字体大小的3倍，为48px。