层叠样式表的类型有三种,它们分别如下。
1.HTML标记样式
第一种最常见的是包含在<head>至</head>标记里,它实际上是对现有HTML标记的一种重新定义。当创建或改变这类样式时,文档中所有应用该标记的文本格式都会自动被更新。例如,可以利用CSS重新定义标题2标记<h2>代表的格式,当修改其格式定义时,文档中所有使用<h2>标记的文本格式都会自动变化。
2.自定义CSS样式(www.xing528.com)
它与某些字处理程序(如Word)中使用的样式概念很类似,只是不再有字符样式和段落样式的区别。可以在任何文本上应用自定义的CSS样式,无论该文本是一个完整的文本块(例如一个完整的段落或是一个无序列表),还是一个局部的文本范围(例如在段落中选中的文本)。如果在一个文本块上应用自定义的CSS样式,Dreamweaver CS6会自动在文本块的块标记中添加class属性(例如当为一个段落应用名为mystyle的样式时,可能产生如下代码:<p class=“mystyle”>)。如果在一个文本范围内应用CSS样式,则一个包含了class属性的span标记会被插入到文档中,并包围选中的文本。
3.CSS选择器样式
它可以对某些特定的标记组合进行重新定义,也可以对所有那些包含了特定ID属性的标记进行重新定义。例如,通过定义h2 em样式,可以使文档中所有出现在h2标题中带有被<em>和</em>标记包容的文字自动应用该样式。也可以定义一个#mystyle样式,它可以应用到所有带有ID=“mystyle”属性的文本上。对文本的常规格式化操作会覆盖CSS样式,因此,如果希望用CSS样式控制段落的格式,则必须删除所有常规设置的HTML格式或HTML样式。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。