人機交互實踐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-課堂筆記