css笔记

来源：互联网发布：美国队长九头蛇知乎编辑：程序博客网时间：2024/06/05 05:50

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

①行内样式：在html的元素标签中插入，如

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

——仅作用于某元素标签包含的内容

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

②嵌入样式：在html的head元素中用style标签标示，如

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

——仅作用于当前网页

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

③链接样式：在外部css文件中的样式表表示，html文件通过link标签进行链接

<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关键字的优先级高

0 0