《《css规则》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第7章CSS规则对于设计者来说，总是希望能够在页面中自由发挥创意，实现自己的想法。然而，HTML语言中的很多标签都存在很大的局限性，如

标签定义的标题，始终是定义为较大的字体的文本，不会改变，所以在没有CSS以前，设计者不得不借助其他标签来补充标签的属性。而CSS是什么？CSS就是一个无所不能的巨大的“属性集”。7.1如何学习CSSCSS常被翻译为“级联样式表”，如果现在还不理解“级联”是什么概念，那么可以从Cascading一词的本意来理解。其有“小瀑布，瀑布状的”意思，不妨就把CSS形象地理解为“瀑布一样的样式表”，一个CSS看上去是这样的：body{font-family:黑体;/

2、/字体样式font-size:80%;//字体大小color:black;//字体颜色background-color:blue;//背景颜色margin:1em;//在页面中的定位padding:0;//设置间距为0}7.2CSS基本的规则写法CSS已经发展很多年了，但是直到前两年，CSS才得到所有网页浏览器的支持。至今，CSS已经形成了自己的一套语法，这套语法由一些标志构成。简单地说，就是一个基本的样式表由选择器、属性和属性值构成。7.2.1基本的样式表的写法CSS样式表也有属于自己的写法规则，在特定的规则下编写，才可以使之生效，一个标准的CSS写法是这样的，如下所示：h1{font-fa

3、mily:黑体;}7.2.2使用类class和标志id链接样式表一个定义好的样式表，需要通过类class或标志id来定位它所作用的页面内容。id标志在同页面中可以实现链接，作用相当于在页面中定位一个锚点。id在链接CSS属性表时，所起到的作用也是一样的，而类似这样作用的还有类class。类class和标志id之间是有区别的。7.2.3创建选择器选择器是用来告诉浏览器这段代码将应用到页面中的哪个对象。通过调用，HTML可以根据内容的不同，而选择不同的样式来修饰内容。所以要将CSS样式应用到HTML中，首先要选择合适的选择器，来对HTML的元素进行样式的控制。CSS中主要有3种基本选择器：HTML

4、选择器（HTMLselector）、id选择器（idselector）和class选择器（classselector）。1．HTML选择器所谓HTML选择器，其实就是重新定义HTML表现性标签的样式，也就是使用标签名来作为选择器。正如文中最初所提的，

标签内的文本应是黑色大体字，而当通过重新定义之后，

标签内可以是任何样式。2．派生选择器通过依据元素在其位置的上下文关系来定义样式，称之为派生选择器。也就是前一个对象包含后一个对象，对象之间使用英文的空格键来隔开。这种方式很好地体现了CSS的“级联”特性。如下面这个例子，使用了2个标记来定义CSS样式表。h1h2{color:red;

5、font-size:1em;font-family:黑体;}2．派生选择器注意：“h1h2”和“h1,h2”含义是不同的，将在后面的分组选择器中介绍后者的定义。在写法上，在上级对象h1和目标对象h2之间使用空格来指定样式，如将这个样式表添加入实例7-3的