你的位置:首页 > 软件开发 > 网页设计 > HTML5与CSS3基础教程第八版学习笔记7~10章

HTML5与CSS3基础教程第八版学习笔记7~10章

发布时间:2016-03-20 23:00:04
第七章,CSS构造块CSS里有控制基本格式的属性(font-size,color),有控制布局的属性(position,float),还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性,可以用于创建下来列表和其他交互性组件。构造样式规则样式表 ...

HTML5与CSS3基础教程第八版学习笔记7~10章

第七章,CSS构造块

CSS里有控制基本格式的属性(font-size,color),有控制布局的属性(position,float),还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性,可以用于创建下来列表和其他交互性组件。

为样式规则添加注释

/* 注释 */,可以是多行注释,放在样式表的任何位置都可以,需要成对出现,不能嵌套。

理解继承

继承是CSS里一个很重要的概念。浏览器会将HTML理解为文档树,对某个元素应用CSS属性时,不仅会影响该元素,还会影响其下分支元素。

层叠:当规则发生冲突时

定义规则不冲突时,则多条规则结合,一起应用到元素上。

属性的值

1、inherit:显示指出该属性值与对应父元素对该属性设定的值相同。p{border:inherit}(IE8之前大部分属性不支持inherit值)

第八章,操作样式表

一定要将CSS文件保存为以.css为扩展名、用UTF-8编码的文件可以在页面中使用多个link元素加载多个样式表,产生冲突则以后面文件的规则为准。

第九章,定义选择器

HTML5与CSS3基础教程第八版学习笔记7~10章建议:尽量不要使用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 (#换成@)。