CSS3美化网页元素

一、CSS的作用：
1.有效的传递页面信息。
2.使用CSS美化过的页面，使得页面更加漂亮，吸引用户。
3.可以很好的突出页面的主题内容。
4.具有良好的用户体验。
二、span标签的作用：
自己本身在网页中不起作用，但是可以让某个文字内容凸显出来，方便单独设置内容的样式。
三、字体：
1.font-family:设置字体的类型，例如宋体、楷体
2.font-size:设置字体的大小，例如16px;
3.font-style:设置字体风格，例如斜体、倾斜
4.font-weight:设置字体粗细，例如bold
5.font:斜体 加粗 大小 类型
四、排版网页
1.对齐方式
text-algin:
left:向左对齐
right:向右对齐
center:居中对齐
justify:两端对齐
2.首行缩进：
text-indent:2em,其中em为单位，代表缩进两个字符
3.文本垂直居中：
line-height:值与父元素的高一致即可实现垂直对齐
4.文本装饰：
text-decoration:
overline:上划线
underline:下划线
line-through:删除线
none:无下划线
5.文本阴影：
text-shadow:
color:颜色，red
x轴平移：10px
y轴平移：10px
模糊半径：5px
6.设置超链接样式
1).a:hover:鼠标悬浮样式
2).a?单击访问前的样式
3).a:visited:单击访问后的演示
4).a:over:单击未释放的样式
7.设置列表样式：
1).list-style-type:
none:无标记符号
disc:实心圆，默认
circle:空心圆
square:实心正方形
decimal:数字
8.设置背景样式：
1.background-color:背景颜色
2.background-image:背景图片
3.background-position:背景的位置,50% 50%
4.background-repeat:设置平铺方式，no-repeat
5.background-size:设置尺寸，300px 50px
9.div：
就是一个容器，网页中的标签都放在div里面，好操控