预习lamp_a05_css3

1、CSS3-2主讲:邮箱:微博:上一章内容复习n CSS作用是什么，基本语法结构？n CSS嵌入HTML中的方式有哪些？n 基本选择器有哪些？n 层级选择器有哪些？预习检查n color颜色 CSS相关属性n Font字体 CSS相关属性n text文本CSS相关属性n List列表 CSS相关属性n border边框 CSS相关属性本章内容CSS3属性p color颜色p Font字体p text文本p List列表p content内容p border边框color颜色n HSL颜色：HSL色彩模式是工业界的一种颜色标准，是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们

2、相互之间的叠加来得到各式各样的颜色的，HSL即是代表色调，饱和度，亮度三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。background-color: hsl(240,100%,50%);color:white；n HSLA颜色：HSL色彩模式是工业界的一种颜色标准，是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，HSL即是代表色调，饱和度，亮度三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。HSLA是在HSL的基础上增加一个(A)的设置。bac

3、kground-color: hsla(0,100%,50%,0.2);color颜色RGB颜色：RGB色彩模式（也翻译为“红绿蓝”，比较少用）是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色， 这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。RGBA：在RGB基础上多了控制alpha的参数。以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏

4、览器都支持使用百分数值。A参数，取值在01之间，不可为负值。background-color: rgba(0,0,0,0.5);： img.opacity opacity:0.25;font字体属性说明font复合属性。设置或检索对象中的文本特性font-style字体样式normal | italic | obliquefont-variant小型的大写字母normal | small-capsfont-weight设置或检索对象中的文本字体的粗细normal | bold | bolder | lighter | font-size设置字体尺寸： | | |font-family设置字体名

5、称family-namefont-stretch设置文字是否横向拉伸变形【了解】见手册Text文本属性说明值text-indent文本的缩进text-overflow文本的溢出text-align文本的对齐方式text-transform文本的大小写text-decoration文本的装饰text-decoration-line装饰线条的位置【了解】Text文本属性说明值text-decoration-color文本装饰线条的颜色text-decoration-style文本装饰线条的形状text-shadow文字是否有阴影及模糊效果text-fill-color文字填充颜色【了解】text-

6、stroke文字的描边【了解】text-stroke-width文字的描边厚度【了解】text-stroke-color文字的描边颜色【了解】Text文本属性说明值letter-spacing文字之间的间隔word-spacing单词之间间隔vertical-align垂直对其方式word-wrap溢出边界处理，是否换行white-space空格的处理方式direction文本流的方向unicode-bidi一个页面里存在从不同方向读进的文本显示了解line-height底端与字体内部顶端之间的距离tab-size制表符的长度【了解】列表List属性说明list-style复合属性。设置列表项目相关内容list-style-image设置或检索作为对象的列表项标记的图像list-style-position设置或检索作为对象的列表项标记如何根据文本排列list-style-type设置或检索对象的列表项所使用的预设标记border边框新特性说明属性border设置