网站建设公司哪个好: CSS的基本语法
标的样式,优先级越高。因此,内联样式的优先级高于内部样式,内部样式的优先级高于外
部样式。并且,高优先级的样式将继承低优先级样式的未重叠定义,但会覆盖重叠的定义。
用“记事本”编写如下代码并保存,文件名为3_1_4. css:
掌握CSS层叠样式表
<p>标记的内容被设置成“蓝色”、“20号”、“隶书”。接下来,带style属性的<p>标记内
容将在<p>标记设置的基础上,再覆盖style.属性的重叠设置,也就是保留文字的大小和字
体的设置,覆盖文字颜色的设置,文字被设置成“绿色”、“20号”、“隶书”。
创建、管理及应用CSS样式
CSS样式的创建和应用非常简单,管理起来也十分方便。用Windows操作系统的“记事本”工具和其他的网页制作工具都可以方便地实现。
CSS的基本语法
1.CSS选择器
用户通过选择器对不同的HTML标签赋予各种样式声明,即可实现各种效果。
(1)标记选择器。一个HTML页面由很多不同的标记组成,而CSS标记选择器就是声明哪些标记采用哪种CSS样式。例如,hl选择器用来声明页面中所有的<hl>标记的CSS风格,如下所示:
以上CSS代码声明了HTML页面中所有<hl>标记文字的颜色都采用红色,大小都为25像素。每一个CSS选择器都包含选择器本身、属性和值,其中属性和值可以设置多组,每组间用分号分隔,从而实现对同一个标记声明多种样式风格,如图3 -5所示。
CSS标记选择器
在网站的后期维护中,如果希望所有< hl>标记不再采用红色,而是蓝色,这时仅仅需要将属性color的值改为blue,即可全部生效。
(2)类别(class)选择器。标记选择器一旦声明,那么页面中所有的该标记都会相应地产生变化。例如,声明<p>标记为红色的同时,页面中所有的<p>标记都将显示为红色。如果希望其中的某一个<p>标记不是红色,而是蓝色,这时仅仅靠标记选择器是远远不够的,可以使用类别选择器进行定义,如图3 -6所示。
通过浏览器查看,上面这段代码在IE 9中的显示结果如图3-15所示。
CSS选择器嵌套的显示效果
嵌套选择器的使用非常广泛,不只是嵌套的标记本身,类别选择器和ID选择器都可以进行嵌套。下面是一些典型的嵌套语句:
CSS的继承关系CSS继承指的是子标记会继承父标记的所有样式风格,并可以在父标记样式风格的基础上再加以修改,产生新的样式,而子标记的样式风格完全不会影响父标记。
本文地址:
http://www.yishenzhou.com/yes/post/428.html | 分类:画册设计 |
次阅读