文章大部分借鉴 明凯博客 中 http://www.aimks.com/introducing-css-style-three-method.html 在此声明
css全称“层叠样式表”或"级联样式表",简称CSS样式表。是对文本样式的编辑语言。引入方法汇总如下:
1 .内联样式表
a.把样式表规则放在 < HEAD> 和 < /HEAD> 的中间,从而使样式表对整个当前 HTML 页面产生作用。
b.直接插入方式,写在HMTL 页面中某一个标志里面,规定其风格样式,比如:< Table style=" font-size:10px; color:blue;">。
2.外部样式表
a.使用 < LINK> 标记链接外部样式表
用以下语句来实现外部样式表的链接:
< LINK REL=STYLESHEET HREF="example.css">
HREF 中应包含路径信息,这里所指是该样式表文件与 HTML 文档在同一目录下。
一个 HTML 文档中可以引用多个外部样式表,例如:
< LINK REL=STYLESHEET HREF="example.css"> < LINK REL=STYLESHEET HREF="style/other.css">
首先链接的 example.css 作为该文档缺省样式表,当样式定义产生冲突时,应当首先满足前者。
b.使用 @IMPORT 导入样式表信息
使用 @import 命令用以把外部样式表信息导入页面中,它是存在于在 < STYLE> 和 < /STYLE> 标记中的。例如:
< STYLE TYPE="text/css"> @import "example.css"; @import "style/other.css"; < /STYLE>
关于冲突问题
几种样式的设置过程中很容易引起冲突,应考虑优先级问题。理解起来就是,具体覆盖抽象,如:
<div id='x'>
<h1 class='class1'>title</h1>
<div>
#class1{font-size=20px;} .x{font-size=50px;} h1{font-size=70px;}
那么最后网页上文本title的字体大小与.x相同
最后附上在线css编辑器:csstypeset.com