CSS（2）

编辑网页文本

1.<span>标签

span{  }

特点：能让某几个文字或者某个词语凸显出来

2.字体类型

body{font-family: "Times New Roman", "楷体";}

属性：如果浏览器不支持第一个字体，则会尝试下一个

特点：会优先识别更兼容的

3.字体大小

h1{font-size:24px;}

4.字体风格

font-style

（1）正常字体normal

（2）斜体italic

5.字体粗细

font-weight

（1）normal默认值，定义标准的字体

（2）Bold粗体字体

（3）Bolder更粗的字体

（4）Lighter更细的字体

（5）100、200、300...定义由细到粗的字体（400等同于normal，700等同于bold

6.字体属性

Font属性

字体属性的顺序：字体风格→字体粗细→字体大小→字体类型

p span{font:italic bold 12px "楷体";}

7.文本颜色

color：rgb(0,255,255);

color：rgba(0,0,255,0.5);

rgb(r,g,b) : （red green blue）正整数的取值为0～255

rgba：（red green blue Alpha）在RGB基础上增加了控制alpha透明度的参数，其中这个透明通道值为0～1

8.排版文本段落

（1）水平对齐方式

text-align

Center居中、left居左、right居右

（2）首行缩进（空格）

text-indent：em或px

（3）行高

Line-height：px

9.文本装饰

text-decoration属性：规定添加到文本的修饰

上划线：overline

删除线：line-through

下划线：underline

10.垂直对齐

vertical-align属性

（1）默认对齐middle：把元素的顶端与行中最高元素的顶端对齐

（2）顶端对齐top：把此元素放置在父元素的中部

（3）底端对齐bottom：使元素及其后代元素的底部与整行的底部对齐

11.文本阴影

text-shadow：v-shadow  h-shadow  color;

v-shadow：必需，垂直阴影的位置，允许负值

h-shadow：必需，水平阴影的位置，允许负值

Color：可选，阴影的颜色，参阅 CSS 颜色值

超链接伪类

伪类样式：a:hover{  }

定义：选择鼠标移到链接上的样式

列表样式

list-style属性

li { list-style:none;}

去除列表前的小黑点

背景样式

1.背景颜色

background-color

div,p,h1{}=div{}+p{}+h1{}

2.背景图像

background-image属性

background-image:url(图片路径);

3.背景重复

background-repeat属性

Repeat-x:水平方向平铺

Repeat-y:垂直方向平铺

No-repeat:不平铺

4.背景定位

background-position属性

常用属性值：

Left top：左上

Center top：中上

Right bottom：右下

Center：水平或是垂直居中