第七章 CSS构造快
7.1 构造样式规则
每条规则有两个主要部分:
选择器selector
声明块declarationblock
h1 {
color: red
属性 值
}
7.2 为样式规则添加注释
/**/
7.3 理解继承
会被集成的属性：
◎ 文本
� color(颜色,a 元素除外) � direction(方向)
� font(字体)
� font-family(字体系列) � font-size(字体大小)
� font-style(用于设置斜体)
� font-variant(用于设置小型大写字母) � font-weight(用于设置粗体)
� letter-spacing(字母间距)
� line-height(行高)
� text-align(用于设置对齐方式)
� text-indent(用于设置首行缩进)
� text-transform(用于修改大小写)
� visibility(可见性)
� white-space(用于指定如何处理空格) � word-spacing(字间距)
◎ 列表
� list-style(列表样式)
� list-style-image(用于为列表指定定制的标记) �
list-style-position(用于确定列表标记的位置) �
list-style-type(用于设置列表的标记)
◎ 表格
� border-collapse(用于控制表格相邻单元格的边框是否合并为单一边框) �
border-spacing(用于指定表格边框之间的空隙大小)
� caption-side(用于设置表格标题的位置)
� empty-cells(用于设置是否显示表格中的空单元格)
◎ 页面设置(对于印刷物)
� orphans(用于设置当元素内部发生分页时在页面底部需要保留的最少行数) �
page-break-inside(用于设置元素内部的分页方式)
� widows(用于设置当元素内部发生分页时在页面顶部需要保留的最少行数)
◎ 其他
� cursor(鼠标指针)
� quotes(用于指定引号样式)
7.4 层叠： 当规则发生冲突时
1. 特殊性
2. 顺序
3. 重要性
4. 小结
7.5 属性的值
1.inherit
2.预定义的值
3.长度和百分数
一个em的长度大约与对应元素的字号相等！
4.纯数字
lineheight z-index opacity
5.URL
6.CSS颜色
7.RGB
8.十六进制数
9.更多CSS3提供的指定颜色的方式 RGBA HSLA HSL
HSL 色相 hue 饱和度 saturation 饱和度 lightness亮度
~
第八章 操作样式表
如何将CSS应用到多个网页（包括整个网站）:
外部样式表（首选方法）
嵌入式样式表
内联样式（最不可取的方法）
8.1 创建外部样式表
创建外部样式表的步骤：
1.在你选择的文本编辑器中创建一个新文档。
2.为网页定义样式规则，根据需求在CSS中添加注释
3.将文档以纯文本格式保存在希望放置的目录中（.css扩展名）
8.2 连接到外部样式表
<link rel="stylesheet" href="style.css"/>
8.3 创建嵌入式样式表
<style>
</style>
8.4 应用内联样式
style=""
8.5 样式的层叠和顺序
基本规则：在其他条件相同的情况下，越晚出现的样式表优先级越高。
8.6 使用与媒体相关的样式表
可以指定一个只用于特定输出的样式表，比如用于打印！
link或style元素的开始标签中添加media="output"
8.7 借鉴他人的灵感
查看其他设计人员的css的代码
网友评论