选择器 {
样式声明：值;
………
}
行内样式(少用，一行一个代码，代码多话，要写很多)：
<h1 style="color:red;">style属性的应用</h1>
内部样式表（少用，代码多话，一个屏幕会有太多代码，繁重）：
CSS代码写在<head>的<style>标签中
<style>
h1{color: green; }
</style>
外部样式表（尽量使用）：
<head>
……
<link href="style.css" rel="stylesheet" type="text/css" />（此引用必不可少，写在<style>双标签外）
……
</head>
注意：
CSS样式优先级是行内样式>内部样式表>外部样式表，遵循就近原则（就一个行标签里面写了多种样式则遵循就近原则）。
CSS选择器
（所有选择器都在style双标签里面实现）
1.基本选择器：
标签选择器
类选择器(类选择器引用是用.,eg: .p1{color:red} )
ID选择器（id选择器引用是用#，eg：#p1{ color:red; }）
基本选择器的优先级：ID选择器>类选择器>标签选择器
CSS基本选择器
Id选择器在style标签中的引用为#p1
class类选择器在style标签中的引用为.p1
高级选择器
1.层次结构选择器
ul li{ color:red }后代选择器，效果为：aaa,bbb,ccc全部变红；
ul>li { color:red }子类选择器，效果为：只有bbb,ccc变红
.c1+li{ color:red }相邻兄弟选择器，效果：只有ccc变红；
.c1~li{ color:red }通用兄弟选择器，效果：只有ccc，ddd变红；
不管是相邻兄弟选择器还是通用兄弟选择器都是找下方的兄弟
2.结构伪类选择器
#d1 div:first-child {color:red;}即第一个div元素变成红色，效果：因为第一个元素不是div，所以1111不会变色；
#d1 div:first-of-type{color:red;}即第一个div类型变成红色，效果：aaa变成红色；（常用）
#d1 div:nth-of-type(2){color:red;}即第二个div类型变成红色，效果：bbb变成红色；
属性选择器（很少使用）
记得使用单引号
作业：
答案：
五、css网页元素
1.字体样式
2.文本样式
网页里面只有水平居中对齐（text-align），没有垂直居中对齐，如果要垂直集中对齐话只能设置文本行高line-height和height的像素一致;
text-decaration:none可以解决超链接下面的下划线；
3.文本阴影
text-shadow: red 20px -10px 10px
text-shadow：color x轴上偏移量 y轴上偏移量 阴影半径
4.超链接伪类
设置伪类的顺序：a:link->a:visited->a:hover->a:active
常用hover
实现效果：当鼠标放在超链接上，字体变色
在<style>
a:hover{
color:red;
}
</style>
5.列表样式：list-style-type
list-style-type:circle;(将实心圆变成空心圆)；
list-style:none;去除前面列表的样式；
总结：
4232
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
