人機交互實踐03-課堂筆記
阿新 • • 發佈：2017-11-04
title 行高 ron 維護 -h -s 方式 posit 很多
課堂筆記
1.樣式單的優點
- 只需稍加編輯，就能夠改變文檔的整個外觀
- 同一個樣式單可應用於多個文檔
- 標記簡潔可維護
2.樣式單的三種插入方式
- 外聯式樣式單 <link>標記
- 內聯式樣式單 <style>標記
- 嵌入式樣式單 style屬性 (慎用)
當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。
當單個文檔需要特殊的樣式時，就應該使用內部樣式表。
當同一個 HTML 元素被不止一個樣式定義時，會使用哪個樣式呢？
一般而言，所有的樣式會根據下面的規則層疊於一個新的虛擬樣式表中，其中數字 4 擁有最高的優先權。
- 瀏覽器缺省設置
- 外聯式樣式單
- 內聯式樣式單（位於 <head> 標簽內部）
- 嵌入式樣式單（在 HTML 元素內部）
因此，嵌入式樣式單（在 HTML 元素內部）擁有最高的優先權，這意味著它將優先於以下的樣式聲明：<head> 標簽中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（缺省值）。
3.CSS基本屬性
（1）字體屬性
| 屬性 | 描述 |
| font-family | 設置字體系列 |
| font-size | 設置字體尺寸 |
| font-style | 設置字體風格 |
| font-weight | 設置字體粗細 |
| line-height | 設置行高 |
| color | 設置字體顏色 |
（2）背景屬性
| 屬性 | 描述 |
| background-color | 設置元素背景顏色 |
| background-image | 把圖像設置為背景 |
| background-repeat | 設置背景圖像是否及如何重復 |
| background-attachment | 背景圖像是否固定或者隨著頁面的其余部分滾動 |
| background-position | 設置圖像初始位置 |
人機交互實踐03-課堂筆記