<style>标签：
<style type="text/css" >
h1 {
font-size:12px;
color:#F00;
}
</style>
CSS语法：
选择器 { //选择器包括：标签选择器，类选择器，id选择器，并集选择器，后代选择器，交集选择器
声明1;
声明2;
……
}
标签选择器：p { font-size:16px;}；
类选择器：.class { font-size : 16px;}；
id选择器：#id { font-size:16px;}
并集选择器：
p , #id , .class {
font-size : 14px;
color : green;
}
后代选择器：
p a{
font-size : 14px;
color : green;
}
交集选择器：
h3.second {
font-size : 14px;
color : green;
}
特别注意：
标签选择器直接应用于HTML标签；
类选择器可在页面中多次使用；
ID选择器在同一个页面中只能使用一次；
灵活运用并集、交集、后代选择器；
CSS的引入：行内样式，内部样式表，外部样式表；
行内样式：<h1 style="color:red; " >style属性的应用</h1>；
内部样式表：
<head>
<style type="text/css">
h3{ color: red; }
</style>
</head>
外部样式表：
(1)链接式：<link type="text/css" rel="styleSheet" href="css引入路径“/>;
(2)导入式：<style type ="text/css"> @import url("css文件路径" ); </style>
CSS中的优先级：
行内样式 > 内部样式表 > 外部样式表；
ID选择器 > 类选择器 > 标签选择器;
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
