文本
html中，控制文本的標籤主要有：b、blockquote、code、em、i、p、h1-h6
常用樣式
line-height
- 文本行基線之間的距離，而不是字體大小。設置行高時，會在行內元素的 內容區頂部和底部 增加/減少一定的量來創建一個行內框
- 行間距=(行高-字體大小)/2 （有可能爲負）
- 文本框中每個元素會生成內容區，內容區會生成一個行內框
- 相對於元素本身的 font-size值進行設置，而不是相對於父元素的 font-size設置，從父元素繼承時，相對於父元素計算。
text-align
- 應用於塊級元素，影響控制元素的內部內容，若使用 <center> 標籤，會讓整個元素居中
- 屬性值取 justify 時，使行兩端對齊的同時使各行長度都相等
vertical-align
- 只用於行內元素、替換元素(img/input)和單元格，不能影響塊級元素，不會改變字體大小
- 一個垂直對齊元素無基線(img/input)，則底端會與父元素基線對齊
- 行框的高度要足以包含最高行框的頂端和最低行框的底端，因此，垂直對齊的元素會影響行高。
- 設置容器高(height)和 font-size同大小，可以達到字符垂直居中的效果
空白間距控制
- word-spacing: 字間隔
- letter-spacing:字母間隔
- white-space: normal/ nowarp/ pre/ pre-wrap/ pre-line/ inherit
可應用至任何元素，normal下，html會降所有空白符合併爲一個空格
pre：空白符不會被忽略
nowrap：防止換行，除非使用了 br
pre-wrap：保留空白符，但會正常換行
pre-line：保留換行符，合併空白符
顏色和背景
- 前景是元素的文本和周圍的邊框，背景是內容框、內邊距
- 設置了 color，則前景色會默認應用到 border-style，除非用 border的顏色覆蓋
background-color
- 不會被繼承，因此可以直接給 <body>設置
- 允許向任何元素設置 <img>，它不會被繼承
background-position: top/ bottom/ center/ left/ right
- 關鍵字順序無要求，但是不能超過兩個，若使用百分數，則水平位置在前，主要影響平鋪從哪兒開始
會相對於元素的內邊距邊界放置，完全平鋪的背景會填充邊框區的背景 - background-img 總是從0% 0%，即 內邊距 左上角位置開始平鋪，百分數、數值可以結合使用，可設負值
background-attachment: scroll/ fixed/ inherit
- 聲明原圖像相對於可視區的可見性，設爲 fixed時，圖像會相對於可視區定位，而不是包含元素。