行內盒模型
**文本線：**共有四條線，作用於圖片和文字的對齊，默認的對齊方式是基線。
vertical-align:baseline(基線),middle（中線）,top(頂線)，下線（bottom）;
文本基線：文本基線的位置是每一種字體中英文字母x的底線決定的。
文本底線：文本底線的位置是文本框底部的位置。
文本頂線：文本框頂部（此時圖片的頂部與文本頂線對齊，其餘都是底部）。
文本中線：文本中間的位置。
**行內盒模型與塊級盒模型的區別：**對於行內盒模型設置其外邊距margin上下是沒有效果的，只有左右。內邊距padding上是沒有效果的，但設置padding-bottom文字不會自動垂直居中。
字體：
自定義字體：@font-face{
font-family:“文件名稱”；
src:url(文件名.ttf/字體連接)；
}
設置字體font-family：Tahoma(大河馬)，Helvetica,Arial,Simun(宋體）；
後面可加多個字體，用戶使用時會在導入的字體文件中挨個尋找並使用改字體，或者在本地中尋找。
font-size：1em/1px;
em：是父級的字體大小，隨父級變化而變化；px:是直接的改變字體大小；
字體樣式：目前的字體設計領域，字體大致分爲兩大類
1：Serif（有襯線），多用於網頁正文，內容等大量文字內容區域
2：Sans Serif（無襯線），多用於文章的標題，表格，宣傳海報等一些要求文字醒目的領域
文文本行高：(文字自動居中，行高的高度大於字體像素，line-height-font-size=行間距，兩個文本的行間距疊加)；
line-height:100px;
line-height:200%;(這裏設置的行高是文字大小的百分比)；
文字縮進：
text-indent:28px(若文字的大小事14px,實現縮進兩個文字字符)
text-indent：2em(指的是縮進兩個文字大小，更方便)
文本對齊格式：(未設置時是默認左對齊)
居中：text-align:center;
右對齊：text-align:rignt;
兩端對齊：text-align:justify;(文字較多時纔會拉扯開實現兩端對齊)
文本裝飾：
下劃線：text-decoration:underline;
上劃線：text-decoration:overline;
貫穿線：text-decoration:line-through;
清除a標籤的下劃線{text-decoration:none;};
字體放粗：font-weight:700;(還可以通過單詞加粗bolder,bold)；
設置文字的鼠標樣式：cursor:pointer;/url(鏈接)，default;(鼠標放置在文字上時的樣式)；
**去掉標籤
盒子和文字的關係：
當盒子未設置height時不會顯示盒子，未設置width時默認爲網頁的寬度；
盒子大小未設置時：裏面的文字優先佔滿行（網頁的width）盒子的高度是所有文字放進後確定的。
若盒子的大小以設置：則文字會從左上角開始直到佔滿，多於文字會溢出。
在塊級標籤裏面的文字是在盒子的左上角位置，要想將文字居中，則可以設置文字的line-height等於盒子的height。（文字的上邊框是緊挨盒子的)。
出。
在塊級標籤裏面的文字是在盒子的左上角位置，要想將文字居中，則可以設置文字的line-height等於盒子的height。（文字的上邊框是緊挨盒子的)。