资源描述:
《网页制作基础教程第四章》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、第4章定制网页样式——CSS(层叠样式表)4.1CSS简介4.2在网页中使用CSS4.3CSS属性4.4CSS的单位4.5CSS滤镜4.1CSS简介1.CSS定义CSS是CascadingStyleSheet的缩写,中文译为“层叠样式表”。它是一种格式化网页的标准方式,通过设置CSS属性可以使网页元素获得各种不同的效果。2.CSS结构(1)CSS的基本结构。要设计一个简单的CSS是很容易的,只要知道HTML和CSS的基本语法就可以了。下一页4.1CSS简介(2)几种常用的选择符selector。①HTML标记符selector。②具有上下文关系的HT
2、ML标记符selector。如果需要为位于某个标记符内的标记符设置特定的样式规则,则应将selector指定为具有上下文关系的HTML标记符。③用户定义的类selector。可以使用类(class)来为单一HTML标记符创建多个样式。下一页上一页4.1CSS简介④用户定义的IDselector。当网页设计者想在几个页面或整个网页上多处以相同的样式显示标记符时,除了使用类定义一个通用类样式以外,还可以使用ID定义样式。⑤包含selector。⑥样式表的层叠性selector。层叠性,即继承性。下一页上一页4.1CSS简介⑦虚类selector。虚类可以
3、看作是一种特殊的类选择符,是能被支持CSS的浏览器自动识别的特殊选择符。3.CSS的组成与继承经常在定义文档的样式时,需要为各个部分分别定义,这样就会使CSS文件很大。为了样式菜单文件不至于过分冗长,需要用到样式的组合与继承。(1)样式的组合。(2)样式的继承。下一页上一页4.1CSS简介样式继承的定义就是:如果子元素在没有被定义样式的情况下,它将继承上级元素的样式定义。“继承”这个概念在CSS中相当重要。能够被“继承”的属性有许多,比如font-family和font-style等。4.注释语句CSS的文字注释形式与C语言相似。下面是一个注释语句的
4、语法。H{color:yellow}/*这里加入的语句将作为注释语句*/返回上一页4.2在网页中使用CSS1.在HTML标记符中直接嵌入样式表在制作网页时,往往需要将一些文本的特征显示出来,这时候就需要用到CSS行内定义,即局部套用样式,这是利用HTML标记符的style属性来实现的。2.在STYLE标记符中定义样式表连接HTML文件与层叠样式表最简单的方法,就是利用在HTML文件的
内嵌入层叠样式表的定义。下一页4.2在网页中使用CSS特别值得注意的是,为了防止不支持CSS的浏览器误将