css笔记 - 技术教程

css笔记

1.html在css中插入的方式：

<p style = "font-size: 1em; font-weight:bold; color: blue;">This is an inline CSS style test</p>

——将覆盖嵌入样式和链接样式

<head>
    <style>
        p{ corlor: blue;}
    </style>
</head>

——仅作用于当前网页

——会覆盖链接样式，但是会被行内样式覆盖

<head>
    <link href="xxx.css" rel="stylesheet" type = "text/css" />
</head>

——作用于整个网站

——会被行内样式和嵌入样式覆盖

in bref：

（1）优先级：行内样式 > 嵌入样式 > 链接样式

（2）作用范围：行内样式 < 嵌入样式 < 链接样式

（3）要提高优先级，可使用!important关键字。

ps：对于优先级的问题，不仅有不同样式的区别，还有同一样式间的区别，以下是对

http://spartan1.iteye.com/blog/1526735的简述：

①id > class > 元素标记

②样式表中，越靠后的优先级越高

③有!important关键字的优先级高