Css 字体样式:

 Css 字体样式:
    font-family:设置文本的字体系列;
      a.字体家族:一系列的字体呈现的一种同一的风格,是拥有相似外观的字体的系统组合;
      b.特定字体:一个单独的字体系列; 
      c.支持多个取值,以逗号分隔开,浏览器解读的时候安装从左到右的顺序,如果不支持第一个字体,则依次尝试下一个;
      d.被所以的html字元素继承,通常可以个body元素一个字体作为文档的默认字体;
      e.当需要同时设置英文和中文时,英文字体应该放到前面,英文中文字体中往往包含了英文的设置;
      f.常用的安全字体
                  微软雅黑/宋体/黑体/
         Arial/Georgia/Helvetica      
    font-size:设置文本的字号大小
     a.通常分为绝对大小和相对大小的两种:
           绝对大小可以定义为px(像素)单位为主;
           相对大小可以以em(倍数)相对父元素,或(百分比)为单位;
     b.通常使用绝对大小定义文档的基准字号,然后使用相对大小定义其他的文本;
     c.在中文网页中的字号设置,通常设置使用偶数字号,以避免文字边缘出现毛边;
               在PC端设置字号,最小值为12px;在移动端设置字号,最小值为20px;
       PC端一般设置网页中的基准字号大小通常设置为12px/14px;(没有设置font-size时,PC端浏览器默认呈现中文字号为16px)
    color:设置文本的色彩;
      a.color 主要用于文本上
      b.color的值右多种写法,最常见的是16进制的代码和基本色的英文名;
    font-weight:设置文本的粗细;
     a.虽然值很多,但是能看到效果的并不多;
     b.正常状态:值=normal(400)
               加粗状态:值=bold(700)
     c.<h1>-<h6>, <strong>,<b> 默认有加粗的效果;
    font-style:设置文本的风格;
         值 normal(正常体);
      italic(斜体(字体本身具有斜体的属性,常用字体都有)),常用
      oblique 倾斜(把文本倾斜,无论其是否具有斜体属性),不常用;
       <em>,<i> 默认都有斜体的效果;
    font:符合属性,在一个声明中设置字体的常用属性;  
        可设置的属性按顺序排列为:
       font-style font-variant font-weight font-size/line-height font-fmaily
         其中font-size和font-family的值是必须的;可忽略的将使用参数对应属性的默认值;
         

猜你喜欢

转载自blog.csdn.net/qq_29393273/article/details/84572511