4_常見樣式-font


  一、font-size 文字大小 瀏覽器

      (瀏覽器默認大小通常是16px)
  二、font-family 字體 字體

      (先寫英文字體,在寫中文字體)

如:spa

font-family: "方正細體", "楷體", "微軟雅黑", "宋體";
font-family: Arial, "楷體", "微軟雅黑", "宋體";


  三、font-style 斜體code

      italic 傾斜/normal 正常orm


  四、font-weight 加粗blog

      bold 加粗/normal 正常/numberci


  五、line-height 行高 it

    文字在一行中上下居中 io

        單位:px或者當前元素字體大小的倍數      
 
    line-height的值緊跟着font-size值使用斜槓分開,class

        如:<font-size>/<line-height>

line-height: 1.4;
font: 18px/2 "宋體";


    font (集合樣式)
   1. 固定順序 (font-weight font-style font-size/line-height font-family)

   2. 必寫項 (font-size font-family)

   六、color 文字顏色
      如:

font: 18px/2 "宋體";
color: red;

 

   七、 text-indent 首行縮進
            正值 從左向右移動首行文字
            負值 從右向左移動首行文字
            單位 em  1em = 當前元素的1個文字大小

    八、text-align
            文本對齊方式(left/center/right)

    九、text-decoration
            文本修飾

        (none/underline下劃線/overline上劃線/line-through刪除線)

     十、

    word-spacing 單詞間距
           letter-spacing 字母間距
如:
    

word-spacing:2px;
letter-spacing: 3px;

   十一、win7中 宋體 下 英文特殊字符的寬度(如空格),是字體大小的一半
      宋體中,文字右邊通常會保留1px的空隙

     兩個詞中間的距離 = word-spacing + 2*letter-spacing + 空格;

相關文章
相關標籤/搜索