第七章,CSS构造块CSS里有控制基本格式的属性(font-size,color),有控制布局的属性(position,float),还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性,可以用于创建下来列表和其他交互性组件。构造样式规则样式表 ...
第七章,CSS构造块
CSS里有控制基本格式的属性(font-size,color),有控制布局的属性(position,float),还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性,可以用于创建下来列表和其他交互性组件。
为样式规则添加注释
/* 注释 */,可以是多行注释,放在样式表的任何位置都可以,需要成对出现,不能嵌套。
理解继承
继承是CSS里一个很重要的概念。浏览器会将HTML理解为文档树,对某个元素应用CSS属性时,不仅会影响该元素,还会影响其下分支元素。
层叠:当规则发生冲突时
定义规则不冲突时,则多条规则结合,一起应用到元素上。
属性的值
1、inherit:显示指出该属性值与对应父元素对该属性设定的值相同。p{border:inherit}(IE8之前大部分属性不支持inherit值)
第八章,操作样式表
一定要将CSS文件保存为以.css为扩展名、用UTF-8编码的文件可以在页面中使用多个link元素加载多个样式表,产生冲突则以后面文件的规则为准。
第九章,定义选择器
建议:尽量不要使用id选择器
类选择器与ID选择器的比较按上下文选择元素
1、子选择器:>
.architect > p{ color:red;}
按属性选择元素
选择器 | 属性值 |
[attribute] | 匹配指定属性,不论值是什么 |
[attribute="value"] | 完全匹配指定属性值 |
[attribute~="value"] | 属性值是以空格分隔的多个单词,其中一个完全匹配指定值 |
[attribute|="value"] | 属性值以 value- 打头 |
[attribute^="value"] | 属性值以value开头,value为完整单词或单词一部分 |
[attribute$="value"] | 属性值以value结尾,value为完整单词或单词一部分 |
[attribute*="value"] | 属性值为指定值的子字符串 |
指定替代字体
可以在font-family属性中列举一种以上的字体,备用。font-family:name,name2,name3..
应用粗体格式
font-weight:bold(粗体)、font-weight:bolder(更粗)、font-weight:light(更细)、或者输入100~900之间100的倍数,400代表正常粗细,700代表粗体
设置行高
行高指的是段落的行距,即段落内每行之间的距离
设置背景
background-color、background-image、background-repeat(重复背景图像)、background-attachment、background-position,还可以使用background简记法
对齐文本
text-align:left(right,center,justify),左对齐,右对齐,居于中间,两端对齐
原标题:HTML5与CSS3基础教程第八版学习笔记7~10章
关键词:HTML
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。