一.css文本样式
1.首行缩进
p{
text-indent:2em;
}
2em指文字的2倍大小
2.删除线
p{
text-decoration:line-through; /* 一条直线从文本穿过*/
}
span{
text-decoration:underline;/*文本下方一条直线*/
}
div{
text-decoration:overline;/*文本上方一条直线*/
}
3.文字行间距
p{
line-height:2em;
}
4.字母间距
p{
letter-spacing:5px;
}
5.单词间距
p{
word-spacing:5px;
}
6.文本对齐方式
div{
text-align:center; /*居中，left靠左，rigth靠右*/
}
7.长度值
-
像素（px）
相对单位，像素指显示器上的小点（css规范中假设90像素=1英寸），实际情况是浏览器会使用显示器的实际像素值有关。
-
em
就是本元素给定字体的font-size值，如果元素的font-size=14px，那么1em=14px。
p{ font-size:12px; text-indent:2em; }上面代码就是可以实现段落首行缩进
24px（两个字体大小的距离）特殊情况
当给定的font-size单位是em，那个这个字体的参考标准是父元素的font-size。
<p>这是一个段落，<span>这是段落里面的一个span</span>,这是段落的结尾</p>p{ font-size:24px; } span{ font-size:0.5em; }结果span中的字体大小就是24*0.5=
12px -
百分比（%）
p{ font-size:12px; line-height:130%; }设置行高（行间距）为字体的130%（12*1.3=
15.6px）。
二.css字体样式
1.设置字体
body{
font-family:"宋体";
}
2.设置字体大小
body{
font-size:12px;
}
3.设置字体粗细
body{
font-weight:bold;
}
4.字体样式
body{
font-style:normal;/*normal:正常字体，italic：斜体，用于字体本身就倾斜的样式，oblique:斜体，强制将字体倾斜*/
}
5.字体颜色
body{
color:red; /*英文字母表示颜色*/
}
body{
color:#FF0000;/*16进制表示颜色，原理是将rgb设置的值用16进制表示，常用！*/
}
body{
color:rgb(255,0,0);/*R（red）,G(green),B(blue)三种颜色比例配色，每项值0~255，也可以按照0%~100%*/
}
body{
color:rgb(100%,0%,0%);/*100%表示255*/
}
以上4种表达都是显示红色。
6.font样式简写
body{
font-style:italic;
font-weight:bold;
font-size:12px;
line-height:1.5em;
font-family:"宋体",sans-serif;
}
这么多行缩写为：
body{
font:italic bold 12px/1.5em "宋体"，sans-serif;
}
使用这种简写，至少要指定font-size和font-family属性
三.html标签元素分类
-
常用的块状元素：
<div><p><h1>~<h6><ol><ul><dl><table><address><blockquote><form>特点：
-
每个块状元素都是从新的一行开始，并且最后的元素也另起一行
-
元素的高度、宽度、行高以及顶和底边距都可设置
-
元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致）
可以使用：
display:bolck，设置块状
-
-
常见的内联元素：
<a> <span>特点：
-
和其他元素都在一行上
-
元素的高度、宽度和顶部和底部边距不可设置
-
元素的宽度就是它包含的文字和图片的宽度，不可改变
可以使用css样式：
display:inline，设置内联
-
-
常用的内联块状元素：
<img> <input>特点：
-
和其他元素都在一行上
-
元素的高度、宽度、行高以及顶还有底边距都可设置
可以使用：
display:inline-block,设置内联块状
-
