· css样式表的定义

· css：（Cascading Style Sheets）层叠样式表；

· 分类及位置：内部样式-head区域style标签里面

· 外部样式-link调用

· 内联样式-标签元素里面

· css内的注释：/*注释内容*/

· 

css样式表的语法

· 

· 

CSS规则由两个主要的部分构成：要添加样式的盒子名或者标签名、和要添加的样式。

· 

· 

盒子名或者标签名{属性:值;}

· 

· 

CSS中几种颜色的表示方法

· 

· 用颜色名表示

· 有17个预先确定的颜色，它们是

· aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
　　olive, orange, purple, red, silver, teal, white, and yellow

· 

用十六进制的颜色值表示(红、绿、蓝)

· 

· #FF0000或者#F00

· 

用rgb(r,g,b)函数表示

· 

· 如：rgb(255,255,0)

· 

用hsl(Hue,Saturation,Lightness)函数表示（色调、饱和度、亮度)

· 

· 如：hsl(120,100%,100%),色调0代表红色，120代表绿色，240代表
蓝色

· 

用rgba(r,g,b,a)函数表示

· 

· 其中a表示的是改颜色的透明度，取值范围是0~1，其中0代表完全透明

· 

用hsla(Hue,Saturation,Lightness,alpha)函数表示

· 

· 色调、饱和度、亮度、透明度

· 例子

1                          2                          3                          4                          5                          6                          7                          8                          9

background-color:gray                                 background-color:#F00                                 background-color:#ffff00                                 background-color:rgb(255,0,255)                                 background-color:hsl(120,80%,50%)                                 background-color:rgba(255,0,255,0.5)                                 background-color:hsla(120,80%,50%,0.5)

 

· 内部样式表

· 当单个页面需要设置样式时，就应该使用内部样式表。

· 使用 标签在文档里面定义内部样式表

1                          2                          3                          4                          5