1，css的三种样式
（1）内嵌样式。
将css样式嵌入到html标签中可以很简单地对某个标签单独定义样式。
<div style="width:100px;height:100px;background:red;"></div>>（2）内部样式
是把css样式表从html标签中分离出来，使得html代码更加整洁，而且css样式可以被多次使用。内部样式是一种写在style标签中的样式声明，仅对当前页面有效。在页面加载时候，先加载样式，然后加载body内的标签元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div {
width: 100px;
height: 100px;
background: red;
}
</style>
</head>
<body>
<div id="div"></div>></body>
</html>（3）外部样式
将css独立出来并放在文件中单独存放，然后再页面中引入该样式文件。外部样式可以让网站中的部分页面或者全部页面都引用该文件，使得页面风格一致。这有利于页面样式的维护与更新，从而降低网站的维护成本。用户浏览网页时候，css样式会被暂时缓存，浏览其他页面时，会使用优先缓存中的css文件，避免重复下载。
外部样式有两种，link方法以及import方法
(a):连接外部样式表。
<link type="text/css" rel="stylesheet" href="url地址"/>。
type="text/css"表示样式表的mime类型是text/css。
rel属性用于设置目标文件与当前文档的关系。
stylesheet表示外部文件的类型是css文件。(b):带入外部样式表。
@import url("样式表的引用地址")link标签是html提供，import是css提供，import只能载入css样式文件，link可以载入多种文件。import局限性比较大。在加载顺序上，用link时候，网页首先加载css文件，然后显示html，import反之。当网速比较慢时候，会显示没有css效果（import方法）。在兼容性上，link比较好，DOM模型控制样式，使用javascript控制改变样式时候，只能使用link标签。
2，样式表的优先级。
在多重样式表中，一般是内嵌>内部>外部>浏览器默认缺省.但是当外部样式表没有放在head中，而是放在body中，外部样式表将覆盖内部样式定义。所以此时优先升级发生改变内嵌>外部>内部>浏览器默认缺省
3，css选择器
（1）通用选择器 *{ } 匹配所有元素类型。
（2）标签选择器，是使用html标签作为一个css选择器。 p{ fomt-family:楷体; }
（3）类选择器，只能作用于同种类的标签上。在使用该选择器的标签上，声明class="name"
<style>
.classname {
property1: value;
}
</style>
<div class="classname"></div>
(4)id选择器。其定义与类选择器相似，区别在于使用#声明。
<style>
#classname {
property1: value;
}
</style>
<div id="classname"></div>在某些html标签中，id是其必要要素，会与id选择器的id调用冲突，所以建议使用类选择器。
优先级：id选择器>类选择器>标签选择器>通用选择器
4,组合选择器
（1）多元素选择器 p，div
<font-size:14px;>该语句意思是，同时定义了p标签以及div标签的样式，两者样式一样。并的关系。
（2）后代选择器 div p{.....} 意思是在div标签下的p标签给出该定义。不影响div标签意外的p标签。5，伪类之四个连接样式
a:link - 正常，未访问过的链接
a:visited - 用户已访问过的链接
a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻
1281
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
