HTML引入CSS样式三种方法及优先级
css的样式引用由3种方式。分别为行内样式、内部样式（嵌入式）和外部样式；行内样式：在对象的标记内使用对象的style属性定义适用的样式表属性，格式定义为 :；内部样式（嵌入式）：是由标记对放在中；
·
HTML引入CSS样式三种方法及优先级 CSS样式的写法
HTML引入CSS样式三种方法及优先级：
方法
css的样式引用由3种方式。分别为行内样式、内部样式（嵌入式）和外部样式；
行内样式： 在对象的标记内使用对象的style属性定义适用的样式表属性，格式定义为 :<div style="内容"><div>；
内部样式（嵌入式）：是由<style></style>标记对放在<head></head>中；
外部样式 ： 是把CSS文件放在网页外面，通过链接<link>使CSS文件对本网页的样式有效，<link type="text/css" rel="stylesheet" href="css 文件的存放地址">；
优先级：行内样式最高、内部样式（嵌入式）次之、外部样式优先级最低；
CSS样式的写法：
每个属性有一个值。属性和值被冒号分开；如果要定义不止一个属性，则需要用分号将每个声明分开；
分类：
1、组选择器：
被分组的选择器可以分享相同的声明，用逗号将需要分组的选择器分开；
h1,h2,h3,h4,h5,h6 {
color: green;
}
2、后代选择器：
通过依据元素在其位置的上下文关系来定义样式；
li strong {
font-style: italic;
font-weight: normal;
}
3、ID选择器：
id 选择器以 "#" 来定义；
#red {color:red;}
#green {color:green;}
4、CLASS类选择器：
.center {text-align: center;}
5、伪类选择器：
<a></a>
a:link {color:red;}
a:visited {color:green;}
6、继承：
子元素继承父元素的样式；子元素的子元素同样继承样式；若不想被继承，则其css样式要重写；
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
3
0- 0
已为社区贡献2条内容
所有评论(0)