day7

作者: Danielstar | 来源:发表于2017-02-21 20:08 被阅读0次

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:自动换行

相关文章

网友评论

    本文标题:day7

    本文链接:https://www.haomeiwen.com/subject/vpguwttx.html