http://learn.shayhowe.com/html-css/typography

LESSON 4 Typography

Typeface & Font

HTML

  1. Formatting & Content
  1. Headings
  2. Paragraphs
  3. Bolding Text:重要的字
  4. Italicizing Text:強調的語氣

CSS

  1. Text Color
  1. color name, Hex code RGB, Decimal Code RGB
  2. 更簡短的 Hex code #ff6600 -> #6f0
  1. Font Properties 
  1. font-family
  2. font-size: keyword, em, px, pt. %
  3. font-style
  4. font-variant: small-caps 所有字幕都大寫但是使用小寫的字體大小
  5. font-weight: normal, bold, light 或是 100~900
  6. line-height
  7. Font Shorthand Property
  1. Text Properties
  1. text-align
  2. text-decoration: line-though 有刪除的意思
  3. text-indent:
  4. text-shadow (IE 不能用)
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  5. text-transform
  6. letter-spacing
  7. word-spacing
  1. Web Safe Fonts
  1. Embedding Web Fonts
  1. http://www.google.com/webfonts
  1. Citations & Quotes 參考文獻與引用
  1. cite: a title of work
  2. q: dialog & prose quotation
  3. cite in q:
  4. blockquote: external quotation
  5. cite in blockquote: external citation
  6. Automating Quotation Marks with CSS
    使用 pseudo-elements 自動設定引用
  7. http://www.w3schools.com/html/html_formatting.asp