预习lamp_a05_css3

1、XDL 兄弟连lT教育t)CSS3-2主讲:邮箱:微博:上一章内容复习n CSS作用是什么，基本语法结构？ 设置网页的布局n CSS嵌入HTML中的方式有哪些？ 3种n 基本选择器有哪些？ Id，类选择器n 层级选择器有哪些？div,p;divp ;divp ;div+p预习检查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边框co

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

3、颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。HSLA是在HSL的基础上增加一个(A)的设置。 background-color: hsla(0,100%,50%,0.2);color颜色n RGB颜色：RGB色彩模式（也翻译为“红绿蓝”，比较少用）是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之 间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色， 这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系 统之一。n RGBA：在RGB基础上多了控制alpha的参数。以上R、G、B

4、三个参数， 正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数，取值在01之间，不可为负值。background-color: rgba(0,0,0,0.5);n ： img.opacity opacity:0.25;font字体属性说明font复合属性。设置或检索对象中的文本特性font-style字体样式normal | italic | obliquefont-variant小型的大写字母normal | small-capsfont-weight设置或检索对象中的文本

5、字体的粗细normal | bold | bolder | lighter | font-size设置字体尺寸： | | |font-family设置字体名称family-namefont-stretch设置文字是否横向拉伸变形【了解】见手册Text文本属性说明值text-indent文本的缩进text-overflow文本的溢出text-align文本的对齐方式text-transform文本的大小写text-decoration文本的装饰text-decoration-line装饰线条的位置【了解】Text文本属性说明值text-decoration-color文本装饰线条的颜色text-

6、decoration-style文本装饰线条的形状text-shadow文字是否有阴影及模糊效果text-fill-color文字填充颜色【了解】text-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边框新特性border-width bo