关于CSS样式的一些小结

来源：互联网发布：office of mac 编辑：程序博客网时间：2024/04/30 18:26

1.CSS代码语法：CSS样式由选择器和声明组成，声明又由属性和值组成，在英文大括号“{ }”中的就是声明，属性和值之间用英文冒号分隔，当有多条声明时，中间可以用英文分号分隔：
p{color:red;font-size:20px;'}
2.内联式CSS：A.CSS代码要写在要实现效果的文字内容之前的开始标签里;
（正确:<p style="color:red">文字内容</p>
错误：<p>文字内容</p=style="color:red">）
B.要用style；
C.这个标签可以是<p>标签，也可以是<sapn>标签；
3.嵌入式CSS：应用于多个需要实现效果的内容，用一条CSS代码；
A.语法：<style type="text/css"></style>
B.嵌入式CSS样式必须写在<style></style>之间，并且一般情况下也都是写在<head></head>之间;
例：<style type="text/css">
span{color:red}
</style>
注意：span要用花括号
4.外部式CSS：外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内。
A.语法：<link href="main.css" ref="stylesheet" type="text/css">
B. ref="stylesheet" type="text/css是固定写法不可修改；

三种方法的优先级：内联式 > 嵌入式 > 外部式

注意：

1.上式成立的前提是：这三者的权值要相等（也就是分别进行权值的相加：标签的权值为1，类选择器的权值为10，id选择器的权值为100）；

2.嵌入式 > 外部式有一个前提：嵌入式CSS样式的位置一定要在外部式的后面，如果在它前面，则优先级变为外部式 > 嵌入式，即就近原则，离被设置元素越近优先级别就越高。

0 0