美文网首页
CSS font-字体属性

CSS font-字体属性

作者: 社会主义顶梁鹿 | 来源:发表于2020-06-16 19:15 被阅读0次

    一、font-family  字体类型设置

    1、最好使用英文来定义字体

    2、设置多个字体会提高兼容性,按顺序寻找可显示的字体,各种字体之间必须使用英文“,“隔开

    3、如果有空格隔开的多个单词组成的字体要加引号(单双均可)

    4、尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示

    5、最常见的几个字体:body{font-family:'Microsoft YaHei',tanoma,arial,'Hiraganasgino Sans GB';}    (选择器使用body会设置全部页面的字体)

    二、font-size 字体大小设置

    p{font-size: 20px;}

    px(像素)大小是我们网页的最常用单位

    三、font-weight 字体粗细

    normal 默认值  bold粗体 

    100-900  400相当于normal,700等同于bold,数字不跟单位

    四、font-style 字体风格

    normal 默认值    italic 倾斜

    五、字体的复合属性写法

    格式:font: font-style font-weight font-size/line-height font-family;

    font: italic 700 16px 'Microsoft yahei'

    font: 16px  'Microsoft yahei'

    1、固定格式 ,顺序不可变,节省代码

    2、不需要设置的属性可以省略,但必须保留font-size和font-family的属性,否则font属性将不起作用

    相关文章

      网友评论

          本文标题:CSS font-字体属性

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