css样式学习【二】

字体属性

font-family：字体

font-size：字号，常用单位为px，需要跟上单位

font-weight：字体粗细，加粗为bold或者700，常规为normal或者400，不需要根单位

font-style：字体样式，斜体为italic，不倾斜为normal

字体的复核写法：其中顺序是不能更换

font：font-style  font-weight   font-size/line-height   font-family;

例如：font：italic  700   16px   'Microsoft  yahei'

其中字号和字体无法省略，其他可以省略，例如font：16px   'Microsoft  yahei'；

 

 

文本属性

color：文本颜色，有三种方式预演试 color：blue   ；十六进制：color：#ffffff  ；  rgb方式：

text-align：文本对齐 ，设定文本水平的对齐方式

text-indent：文本缩进，通常用用于段落首行缩进两个字的距离2em

text-decoration：下划线，添加下划线underline，取消下划线none

line-height：行高，控制行与行之间的距离，行高=上边距+字号+下边距

没有垂直居中，但是可以

垂直居中：让盒子的line-height等于盒子的height

偏上：行高小于盒子高度

偏下：行高大于盒子高度

CSS引入方式

样式表	优点	缺点	使用情况	控制范围
行内样式表	书写方便，权重高	结构样式混写	较少	控制一个标签
内部样式表	部分结构和样式相分离	没有彻底分离	较多	控制一个页面
外部样式表	实现结构和样式相分离	需要引入	最多	控制多个页面