一：css样式编写3种方式
1.内联样式（inline):使用style属性声明在元素中
eg: <div style=" "> </div>
2.内部样式（inner）:写在style标签里
eg:<head><style type="text/css">...</style></head>
3.外部样式（outer）：创建一个独立的.css文件
<head>
<link rel="styleSheet" type="text/css" href="x.css"/>
</head>
3种方式的使用原则：
（1）内联样式只对当前元素有效；内部样式对当前整个页面有效；外部样式对所有引用它的页面都有效（可用于控制全站的风格）
（2）内联样式尽量少用；内部样式可以适量使用（全站中只有一个页面中使用的样式）推荐使用外部样式（外部文件不要太多）。
补充：css样式的优先级
！important>内联样式>内部/外部样式（#ID选择器>类选择器/伪类选择器>元素选择器）>浏览器预定义样式
二.css基本语法：
属性名：属性值；
内部/外部css:
选择器{
属性名：属性值；
...
属性名：属性值；
}
（一）CSS选择器（重点）
1.基本选择器：（说明：javascript/jquery中也可以使用类似css中的选择器进行元素的选择）
（1）通用选择器：*{...} 选择页面中的所有元素（所有页面几乎都要写这个，不写就默认，浏览器不同，所有默认值就不同）；
eg: *{margin:0;
padding:0;
}
（2）元素选择器：元素名{...} 选择指定的元素 eg: div{...} ，p{...} 等元素；
（3）ID选择器： #ID值{...} 仅选择具有指定ID的元素；
（4）类别选择器： .类名{...} 选择具有指定class的所有元素
（5）并列/过滤选择器：选择器1选择器2{...} 选择可被两个选择器同时选定的元素
（6）父子选择器：选择器1 选择器2{...}选择可被选择器1选择的元素下的所有子元素中可被选择器2选中的元素。
（7）直接子元素选择器：选择器1>选择器2{...}选择选择器1中的直接子元素中可被选择器2选中的元素（ IE6不支持）
（8）多选选择器：选择器1，选择器2，...选择器n{...}选择可被任何一个选择器选中的元素
（9）伪类选择器： ：伪类名{...}
1)连接伪类
: link,适用于尚未访问的链接
eg: a:link{color:#004276;
text-decoration:none;
}
：visited,适用于访问后的链接
a:visited{
color:#004276;
}
2)动态伪类
：hover ,适用于鼠标悬停在HTML元素时，div、p、a等元素都可用
eg: a:hover{color:#BA2636;
text-decoration:underline;
}
div:hover{
color:#BA2636;
border:1px solid red;
}
3)动态伪类
:active,适用于HTML元素被激活时（鼠标点击放开后）
eg: a:active{color:yellow;
最低0.47元/天 解锁文章
142
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
