PHP基础教程05_CSS3-2.pdfVIP

CSS3-2 主讲 邮箱 上一章内容复习 CSS作用是什么 ，基本语法结构 ？ CSS嵌入HTML中的方式有哪些 ？ 基本选择器有哪些 ？ 层级选择器有哪些 ？ 预习检查 color颜色 CSS相关属性 Font字体 CSS相关属性 text文本 CSS相关属性 List列表 CSS相关属性 border边框 CSS相关属性 本章内容CSS3属性 color颜色 Font字体 text文本 List列表 content内容 border边框 color颜色 HSL颜色 ：HSL色彩模式是工业界的一种颜色标准 ，是通过对色调(H)、饱和度 (S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色 的 ，HSL即是代表色调 ，饱和度 ，亮度三个通道的颜色 ，这个标准几乎包括了人类 视力所能感知的所有颜色 ，是 目前运用最广的颜色系统之一。 • background-color hsl(240,100%,50%);color white ； HSLA颜色 ：HSL色彩模式是工业界的一种颜色标准 ，是通过对色调(H)、饱和度 (S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色 的 ，HSL即是代表色调 ，饱和度 ，亮度三个通道的颜色 ，这个标准几乎包括了人类 视力所能感知的所有颜色 ，是 目前运用最广的颜色系统之一。HSLA是在HSL的基 础上增加一个透明度(A)的设置。 background-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%。超出 范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。 A参数 ，取值在0~1之间 ，不可为负值。 background-color rgba(0,0,0,0.5); 透明度 ： img.opacity { opacity 0.25;} font字体 属性 说明 font 复合属性。设置或检索对象中的文本 特性 font-style 字体样式 normal | italic | oblique font-variant 小型的大写字母 normal | small-caps font-weight 设置或检索对象中的文本字体的粗细 normal | bold | bolder | lighter | integer font-size 设置字体尺寸 ：absolut