1.CSS字体样式属性
1、font-size:字号大小;比如p { font-size: 32px; }
2、font-family:字体 比如p{ font-family:"微软雅黑";}
可以同时指定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,则会尝试下一个,直到找到合适的字体。如果字体名称包含空格或中文,则应使用引号括起。
使用font-family设置字体时,需要注意以下几点:
各种字体之间必须使用英文状态下的逗号隔开。
中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。
如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family: "Times New Roman";。
3.font-weight:字体粗细
font-weight属性用于定义字体的粗细,其可用属性值:normal、bold、bolder、lighter、100~900(100的整数倍),有继承性。
4、font-style:字体风格
font-style属性用于定义字体风格,如设置斜体、倾斜或正常字体,其可用属性值如下:
normal:默认值,浏览器会显示标准的字体样式。
italic:浏览器会使用斜体的字体样式显示,如果字体没有斜体,那么正常显示字体。
oblique:浏览器会让文字倾斜显示。
5、font:综合设置字体样式
使用font属性时,必须按选择器{font: font-style font-weight font-size/line-height font-family;}顺序书写。各个属性以空格隔开。其中不需要设置的属性可以省略(取默认值),但必须保留font-size和font-family属性,否则font属性将不起作用。
2.CSS文本外观属性
1、color:文本颜色
2、letter-spacing:字间距
3、word-spacing:单词间距
4、line-height:行间距
5、text-decoration:文本装饰
6、text-align:水平对齐方式
7、text-indent:首行缩进
8、white-space:空白符处理
9、word-break:自动换行