margin:0 auto 设置标签水平居中
text-align:center 文本居中
line-herght:行高
作用:1.给多行文本设置行高降低阅读困难
2.给单行文本设置行高时文本在容器中垂直居中(行高与容器同高)
font-size:字体大小
fon-family:设置字体//可以有多个值逗号隔开,优先使用第一个找到的字体
font-weight:字体加粗//bold加粗 normal正常 lighter更细 一般为1-900px;
一般400=normal,700=bold
100—500常规字体 取消加粗;
600—900加粗字体;
font-style:字体倾斜//italic oblique normal
text-align:设置文本水平对齐方式// left(左对齐 ) right(右对齐)center(居中对齐) justify(两端对齐)
vertical-align:设置文本垂直对齐方式//top(垂直靠上 )bottom(垂直靠底)middle(垂直居中)
仅图片,下拉列表,文本域,文本框可以使用
line-height:设置行高1.增加行间距2.居中显示
当单行文本的行高等于容器高时,可实现单行文本在容器中垂直方向居中对齐;
text-decoration:设置文本修饰;none:没有修饰 underline:添加下划线overline:添加上划线 line-through:添加删除线
text-indent:设置文本首行缩进;
text-transform:设置字母大小写//none默认capitalize首字母大写uppercase lowercase大小写
letter-spacing:设置英文汉字间距
word-spacing:设置英文单词间距;
字体简写方式:font:12px/20px "宋体"; 字体大小/行高 字体
display:设置元素的显示类型block inline
color:设置文本颜色
//兼容性问题:图片在块状元素中会将父级元素撑大2-9像素 ,解决方法 在图片的块级元素中添加font-size:0
图片放在超链接中在IE的低版本浏览器中会出现边框 解决:给图片设置border:none;