css一些笔记

文章大部分借鉴  明凯博客  中  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