一、伪类选择器
定义：同一个标签，根据其不同的种状态，有不同的样式。
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
</head>
<body>
<a href="">123</a>
</body>
</html>
a:hover{
font-weight:10px;
color:#000;
background-color:red;
cusor:auto; /* 鼠标提示符*/
}
二、CSS代码的书写
1、字体的改变
①font-size:数字px; （设置字体的大小，其实就是改变字体的高，浏览器默认是16px）
②font-weight:normal（正常） bold（加粗）；
③font-style:italic（斜体）normal（正常）;
④font-family:arial（互联网默认字体）;
⑤font:italic blod 24px ‘楷体’；（顺序：是否斜体 是否加粗 字体大小 字体）
⑥color：；
2、文本的改变
①text：align; 左对齐left 居中center 右对齐right
eerieline-height:数字em; 单行文所占高度 若要文本垂直居中则需文本高度=高度
③text-indent:数字em; 首行缩进
④text-decoration：lin-through/none/underline/overline
文本装饰:中划线/无中划线/下划线/上划线
3、color的三种形式
①土鳖式（纯英文单词） transparent透明色
②颜色代码 光学三原色：红 绿 蓝
饱和程度：00-ff 00-ff 00-ff
③颜色函数 rgb（ , , ）
4、边框
border边框：border-width:粗细 border-style形式 border-color颜色
border-radius：数字px/数字%；
三、行级元素、块级元素、行级块元素
1、行级元素：span strong em a del
feature：内容决定元素所占位置 不可以通过css改变宽高
2、块级元素:div p ul li ol form address
feature：内容独占一行 可以通过css改变宽高
3、行级块元素:img
feature：内容决定大小 可以改变宽高
4、span、 div、img里的默认值
span{
display:inline;
}
div{
display:block;
}
img{
display:inline-block;
}
默认值可以改变，而变成其他级元素
凡是带有inline的元素都有文字特性
五、解决几张图片放一起的时候，删除图片间的空隙
①
img{
margin-left:数字px;
}
②
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
</head>
<body>
<img src=""><img src=""><img src=""><img src="">
</body>
</html>
