css3美化网页元素

今天学习了css3美化页面元素，它可以使网页更加的优美，漂亮，是用户有更好的体验。

css3美化网页元素的优点：

1.有效的传递压面信息

2.是页面漂亮、美观、吸引用户

3.可以更好的凸显出页面的主题，使得用户能在最短时间看到页面的主要内容

4.有良好的用户体验

css3页面元素样式：

文字样式：

1.font-family:“字体”；设置文字类型

2.font-size:12px; 设置文字大小

3.font-style：italic（斜体）；设置文字风格

4.font-weigh:bold; 设置字体粗细

5.如果需以上四个全部用上用font:intalic boli 12px “字体”

文本样式:

1.水平对齐：text-align:right;右对齐

2.首行缩进：text-indent：20px；2em为两个字节

3.设置行高：line-height:25px;

4.文本修饰：text-decoration:underline;下划线

5.文本阴影：text-shadow:color 1px 1px 2xp
（text-shadow:颜色 x偏移 y偏移 模糊程度）

超链接伪类样式：

1.a:link 未访问时超链接样式

2.a:visited 单机访问后样式

3.a:hover 鼠标悬浮时的样式

4.a:action 点击未释放时样式

5.设置顺序：a:link>a:visited>a:hover>a;action

列表样式：

list-style-type：none无符号
disc实心圆 (默认)
circle：空心圆
square：实心正方形
decimal：数字

背景样式：

1.背景颜色：background-color：颜色；

2.背景图片：background-image：url(路径)；

3.背景定位 ：background-possition：12px(水平) 12px(垂直) 或 百分比 或 关键词（left左，center居中，right右）

4.如需都要设置使用背景属性：background：颜色 图片 定位 no-repeat（重复方式）

5.背景尺寸：background-size：auto
(auto：默认值，使用背景图片保持原样

percentage：当使用百分值时，不是相对于背景的尺寸大小来计算的，而是相对于元素宽度来计算的

cover：整个背景图片放大填充了整个元素

contain：让背景图片保持本身的宽高比例，将背景图片缩放到宽度或者高度正好适应所定义背景的区域)

颜色渐变：

线性渐变：background：linear-gradient( psosition，color1，color2，…