文本樣式

字體：font-family

來制定標(biāo)簽中文字使用的字體缀去，后面可制定一個(gè)也可制定多個(gè)字體，當(dāng)指定多個(gè)字體時(shí)瀏覽器會優(yōu)先是用第一個(gè)如果沒找到則使用第二個(gè)识脆，以此類推

? ? 分類：serif（襯線字體）? sans-serif（非襯線字體）? cursive（草書字體）? monospace（等寬字體）? fantasy（虛幻字體）

? ? font-style用來指定文本的斜體

? ? ? ? 指定斜體：font-style:italic? ? ? 指定非斜體：fony-style:normal

? ? font-weight用來指定文本的粗體

? ? ? ? 指定粗體：font-weight:bold? ? ? 指定非粗體：font-weight:normal

? ? font-variant：指定小型大寫字母

? ? ? ? font-variant:small-caps

font? ?可以一次性同時(shí)設(shè)置多個(gè)字體的樣式

? ? 語法：font:加粗 斜體 小型大寫 大小/行高 字體

行間距：line-height用于設(shè)置行高设联，行高越大則行間距越大

? ? 行間距=line-height減去font-size

大寫化：text-transform用于將元素中的字母全都變成大寫

? ? 大寫：text-transform:uppercase

? ? 小寫：text-transform:lowercase

? ? 首字母大寫：text-transform:capitalize

? ? 正常：text-transform:none

文本的修飾? ?text-decoration：有五個(gè)值

? ? none（沒有修飾)? ? underline（下劃線）? ? overline（上劃線）

? ? line-through（刪除線）? ? blink（文本閃爍）

letter-spacing（設(shè)置字符間距）? ? word-spacing（設(shè)置單詞間距）? ? 這兩個(gè)屬性都可以指定一個(gè)長度或百分?jǐn)?shù)作為值，正數(shù)代表的是增加距離負(fù)數(shù)代表的是減少距離

text-align（對齊文本）：默認(rèn)值是left（左對齊）還有right（右對齊）justify（兩邊對齊）center（居中對齊）

text-indent（首行縮進(jìn)）：需要指定一個(gè)長度灼捂，只對一行生效离例，單位一般用em? ? 比如空兩格：2em

盒子模型：

分為幾個(gè)部分：content（內(nèi)容區(qū)）? ? padding（內(nèi)邊距）? ? border（邊框）? ? margin（外邊距）

內(nèi)容區(qū)指的是盒子中放置內(nèi)容的區(qū)域，也就是元素中的文本內(nèi)容悉稠，子元素都是存在于內(nèi)容區(qū)宫蛆；如果沒有為元素設(shè)置內(nèi)邊框和邊框則內(nèi)容區(qū)大小默認(rèn)和盒子大小是一致的；通過width和height兩個(gè)屬性可以設(shè)置內(nèi)容區(qū)的大小耀盗；width和height屬性只適用于塊元素

內(nèi)邊距是指元素內(nèi)容區(qū)與邊框以內(nèi)的空間想虎；默認(rèn)情況下width和height不包含padding的大小叛拷；使用padding屬性來設(shè)置元素的內(nèi)邊距舌厨；比如：padding:10px 20px 30px 40px;這樣會設(shè)置元素的上·右·下·左四個(gè)方向的內(nèi)邊距? ? padding:10px 20px 30px;分別指上·左右·下四個(gè)方向的內(nèi)邊距? ? padding:10px 20px;分別指定上下·左右四個(gè)方向的內(nèi)邊距? ? padding:10px;分別指定上下左右四個(gè)方向的內(nèi)邊距? ? padding-top/padding-right/padding-left/padding-bottom分別指定四個(gè)方向的內(nèi)邊距

邊框是元素可見框的最外部；可使用border屬性來設(shè)置盒子的邊框忿薇；比如border:1px red solid;分別指定了邊框的寬度·顏色·樣式裙椭；也可使用border-top/left/right/bottom分別指定上下左右四個(gè)方向的邊框；和padding一樣默認(rèn)width和height并包括邊框的寬度

邊框的樣式：

? ? none（沒有邊框）? ? dotted（點(diǎn)線）? ? dashed（虛線）? ? solid（實(shí)線）? ? double（雙線）? ? groove（槽線）? ? ridge（脊線）? ? inset（凹邊）? ? outset（凸邊）

margin（外邊距）用法和padding類似提供了margin-top/right/left/bottom四個(gè)方向署浩；當(dāng)將左右外邊距設(shè)置為auto時(shí)瀏覽器會將左右外邊距設(shè)置為相等揉燃；比如margin:0 auto可使元素居中

我們不能為行內(nèi)元素設(shè)置width·height·margin-top和margin-bottom，這時(shí)我們可以通過修改display來修改元素的性質(zhì)筋栋；block（設(shè)置元素為塊元素）? ? inline（設(shè)置元素為行內(nèi)元素）? ? inline-block（設(shè)置元素為行內(nèi)塊元素）? ? none（隱藏元素炊汤，元素將在頁面中完全消失）

visibility（用于元素是否可見）隱藏一個(gè)元素隱藏其在文檔中所占的位置會依然保持不會被其他元素覆蓋；visible（可見的）? ? hidden（隱藏的）

overflow（控制內(nèi)容溢出的情況）二汛；visible（默認(rèn)值）? ? scroll（添加滾動(dòng)條）? ? auto（根據(jù)需要添加滾動(dòng)條）? ? hidden（隱藏超出盒子的內(nèi)容）