CSS学习笔记
一、CSS 格式
CSS 格式由两个主要的部分构成:选择器,以及一条或多条声明:
选择器通常是需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值以冒号分开。
p
/*选择器*/
{
color:red;
/*声明,属性:值*/
text-align:center;
}
二、CSS三种引入方式
1.行间式
<p style="color:red;"</p> 在标签头部的style属性内,写在html文件内部
2.内联式
<style>在style标签内,style标签一般作为head的子标签,写在html文件内部
p {
color:red
}
</style>
3.外联式
p {
width: 100px;
height: 100px;
background-color: red;
}
<head>
<link rel="stylesheet" type="text/css" href="hello.css" />在外部css文件中
</head>
三、三种引入方式优先级
三种方式无优先级
注:三种方式间没有优先级
- 三种方式协同布局
- 不重复的属性一定为唯一位置的唯一值
- 重复的属性采用覆盖赋值,保留最后位置的属性值
- 行间式一定是逻辑上最后被解析的位置
- !important 会影响优先级
0 Comments