2016年5月5日 星期四

HTML標籤和CSS樣式常用訣竅

  1. 轉換元素型態:
    inline 行內元素
    block 區塊元素
    inline-block 行塊元素
    table, table-row, table-cell 表格元素
  2. 擅用橫向排列法:
    利用inline-block或float來達成
  3. 做好HTML標籤架構:
    利用標籤將網頁內容分門別類
    header, footer
    article, section, aside,
    h1~h6
    ul, ol
    p, span, strong, em, i
    a
    div
  4. 熟悉CSS定位方法
    position屬性:
    static 預設
    relative 相對
    absolute 絕對
    fixed 固定
  5. 調整間距及位置
    margin, padding, top, left, right, bottom
  6. 其他樣式
    width, height
    color, background, border