css字體屬性:
字體大小：
- CSS 使用
font-size 屬性定義字體大小。
- 語法：
p {
font-size: 20px;
}
px（像素）大小是咱們網頁的最經常使用的單位- 谷歌瀏覽器默認的文字大小爲
16px
- 不一樣瀏覽器可能默認顯示的字號大小不一致，咱們儘可能給一個明確值大小，不要默認大小
- 能夠給
body 指定整個頁面文字的大小
字體粗細：
- CSS 使用
font-weight 屬性設置文本字體的粗細。
- 語法：
p {
font-weight: bold;
}
- 學會讓加粗標籤（好比
h 和 strong 等) 不加粗，或者其餘標籤加粗
- 實際開發時，咱們更喜歡用數字表示粗細
字體樣式：
- CSS 使用
font-style 屬性設置文本的風格。
- 語法：
p {
font-style: normal;
}
字體的綜合寫法
- 字體屬性能夠把以上文字樣式綜合來寫, 這樣能夠更節約代碼:
body { font: font-style font-weight font-size/line-height font-family;}
- 使用 font 屬性時，必須按上面語法格式中的順序書寫，不能更換順序，而且各個屬性間以空格隔開 不須要設置的屬性能夠省略（取默認值），但必須保留
font-size 和 font-family 屬性，不然font 屬性將不起做用
字體總結：
css文本屬性：
文本顏色：
div {
color: red;
}
文本對齊：
text-align 屬性用於設置元素內文本內容的水平對齊方式。- 語法：
div {
text-align: center;
}
修飾文本：
div {
text-decoration：underline；
}
文本縮進
div {
text-indent：20px；
}
div {
text-indent：2em；
}
em 是一個相對單位，就是當前元素（font-size) 1 個文字的大小, 若是當前元素沒有設置大小，則會按照父元素的 1 個文字大小。
行間距：
line-height 屬性用於設置行間的距離（行高）。能夠控制文字行與行之間的距離- 語法：
p {
line-height: 26px;
}
- 行高的文本分爲:上間距+文本高度+下間距 = 行間距
css樣式表：
- 按照 CSS 樣式書寫的位置（或者引入的方式），CSS 樣式表能夠分爲三大類：
行內樣式表（行內式）
- 行內樣式表（內聯樣式表）是在元素標籤內部的
style屬性中設定 CSS 樣式。適合於修改簡單樣式.
- 語法：
<div style="color: red; font-size: 12px;">行內樣式表</div>
style其實就是標籤的屬性,在雙引號中間，寫法要符合 CSS 規範- 能夠控制當前的標籤設置樣式
- 因爲書寫繁瑣，而且沒有體現出結構與樣式相分離的思想，因此不推薦大量使用，只有對當前元素添加簡單樣式的時候，能夠考慮使用
- 使用行內樣式表設定 CSS，一般也被稱爲行內式引入
內部樣式表（嵌入式）
- 內部樣式表（內嵌樣式表）是寫到html頁面內部. 是將全部的 CSS 代碼抽取出來，單獨放到一個
<style> 標籤中
- 語法：
<style>
div {
color: red;
font-size: 12px;
}
</style>
<style> 標籤理論上能夠放在 HTML 文檔的任何地方，但通常會放在文檔的<head>標籤中- 經過此種方式，能夠方便控制當前整個頁面中的元素樣式設置
- 代碼結構清晰，可是並無實現結構與樣式徹底分離
- 使用內部樣式表設定 CSS，一般也被稱爲嵌入式引入，這種方式是咱們練習時經常使用的方式
外部樣式表（連接式）
- 實際開發都是外部樣式表. 適合於樣式比較多的狀況. 核心是:樣式單獨寫到CSS 文件中，以後把CSS文件引入到 HTML 頁面中使用.
- 引入外部樣式表分爲兩步：
- 新建一個後綴名爲 .css 的樣式文件，把全部 CSS 代碼都放入此文件中。
- 在 HTML 頁面中，使用 標籤引入這個文件。
- 語法：
<link rel="stylesheet" href="css文件路徑">
Chrome調試工具：F12
- Ctrl+滾輪 能夠放大開發者工具代碼大小。
- 左邊是 HTML 元素結構，右邊是 CSS 樣式。
- 右邊 CSS 樣式能夠改動數值（左右箭頭或者直接輸入）和查看顏色。
- Ctrl + 0 復原瀏覽器大小。
- 若是點擊元素，發現右側沒有樣式引入，極有多是類名或者樣式引入錯誤。
- 若是有樣式，可是樣式前面有黃色歎號提示，則是樣式屬性書寫錯誤。