CSS ， 层叠样式表。层叠，指的是样式表的优先级。当发生冲突时，以优先级高的为标准。其作用是控制HTML的元素、标签的样式。由于CSS的放置位置的不同，将其分为了以下三类：
内部样式表
最好在<head></head>内放置
<style type = "text/css"></style>，如下：
注：type = “text/css” 的作用是定义文档类型。
外部样式表
1、在名为 css 文件夹下建立一个 .css 的文件，然后在该文件中写入相应的样式设置。最后再在需要应用样式表的.html的head标签下的写入类似
<link rel ="stylesheet" type = "text/css" href = "xxxxx.css"的代码。
注：rel =” stylesheet ” 的作用是关联样式表。
2、另一种方式，在head标签下写
<style type = "text/css">
@import url("xxxxx.css")
</style>
注：link 与 @import 的区别，在本质上，link 属于XHTML 标签，而 @import 是CSS 提供的一种方式；在加载顺序上，link 是与html同时加载出来，而 @import 是会等到页面全被加载出来，再加载样式的，当网速较慢时，此现象较明显；在兼容问题上，@import 存在兼容性问题；当使用DOM控制样式时，JS可以控制link，而 @import不可以。
内联样式表
html 的标签元素具有 style 属性，所以这样设置，如：
<div style = "width:100px;height:100px;border:1px solid red;">
</div>注：三种样式表中，内联样式表的权重最高。而内部和外部样式表的优先级，和他们的书写顺序有关，当对同一个元素的同一属性设置时，后面的会覆盖前面的同一属性。不同的属性则不会发生覆盖，会同样作用于元素。
扫一扫
1091
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
