CSS样式引用方法的汇总.docx

《CSS样式引用方法的汇总.docx》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、CSS是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)，是CascadingStyleSheets(层叠样式表)的简称。在标准网页设计中，CSS负责网页内容(XHTML)的表现，跟Div（或Table）组织的页面结构一起实现一个完整的网页布局。通过对CSS标记语言的学习，可以轻松地实现页面的丰富表现。CSS的运用其实就是一个把素描点缀成油画的过程。如何把样式运用到页面中去呢？有四种方式可以帮助我们解决这个问题。在样式调用过程中，最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。四种解决

2、方法分别是：1，内联定义(InlineStyles)；2，定义内部样式块对象(EmbeddingaStyleBlock)；3，链入外部样式表文件(LinkingtoaStyleSheet)1，内联定义(InlineStyles)；4、联合使用样式表（@import导入函数）。下面详细说明：1，内联定义(InlineStyles)内联定义也就是在对象的标记内直接使用style属性定义样式，是最简单的样式调用方法，可灵巧地把样式应用到各标签对象中，使用简单、显示直观。但无法完全发挥出样式表“表现与内容分离”的优势，所以在设计过程中并不常用。举个简单的例子说

3、明：对于同样的P标签属性应用不同的样式显示为红色12像素的字体

显示为蓝色12像素的字体

如果要修改颜色的话就要分别修改了。可能你会说只有两个，分别修改也花不了多少时间的。那么对于大型的网站来说，无数的P标签还能挨个去手动修改吗？2，定义内部样式块对象(EmbeddingaStyleBlock)即在HTML文档的和标记之间插入一个块对

4、象。style的type属性设置为”text/css”，是允许不支持这类型的浏览器忽略样式表单，帮助这类浏览器过滤掉CSS代码，避免在浏览器里直接以源代码的方式显示这个样式表。3，链入外部样式表文件(LinkingtoaStyleSheet)首先，要建立单独的外部样式表文件（后缀名为.css），然后也是在HTML文档的和标记之间插入link对象，格式如下：

5、=”*.css”type=”text/css”>4、联合使用样式表（@import导入函数）使用@import联合样式表的方法和链接外部样式表的方法一致，也是在HTML文档的和标记之间插入；但这种方式可以在链接外部样式表的同时，针对该网页的具体情况，做出别的网页不需要的样式规则，更有优势。格式如下：需要注意的是:·联合法输入样式表必须以@import开头，结尾”；”结束；·如

6、果同时输入的多个样式表产生冲突时，则按照第一个输入的样式表有效处理；·如果输入的样式表和网页中的样式（内联定义）规则产生冲突时，则使用外部的样式表。