人機交互設計實踐 03
上課時間：2017-10-28css
上課內容：CSS基礎html
課上做業：點擊此處瀏覽器
課堂筆記
1.樣式單的優勢
- 只需稍加編輯，就可以改變文檔的整個外觀
- 同一個樣式單可應用於多個文檔
- 標記簡潔可維護
2.樣式單的三種插入方式
- 外聯式樣式單 <link>標記
- 內聯式樣式單 <style>標記
- 嵌入式樣式單 style屬性 (慎用)
當樣式須要被應用到不少頁面的時候，外部樣式表將是理想的選擇。字體
當單個文檔須要特殊的樣式時，就應該使用內部樣式表。ui
當同一個 HTML 元素被不止一個樣式定義時，會使用哪一個樣式呢？.net
通常而言，全部的樣式會根據下面的規則層疊於一個新的虛擬樣式表中，其中數字 4 擁有最高的優先權。htm
- 瀏覽器缺省設置
- 外聯式樣式單
- 內聯式樣式單（位於 <head> 標籤內部）
- 嵌入式樣式單（在 HTML 元素內部）
所以，嵌入式樣式單（在 HTML 元素內部）擁有最高的優先權，這意味着它將優先於如下的樣式聲明：<head> 標籤中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（缺省值）。文檔
3.CSS基本屬性
（1）字體屬性get
| 屬性 | 描述 |
| font-family | 設置字體系列 |
| font-size | 設置字體尺寸 |
| font-style | 設置字體風格 |
| font-weight | 設置字體粗細 |
| line-height | 設置行高 |
| color | 設置字體顏色 |
（2）背景屬性it
| 屬性 | 描述 |
| background-color | 設置元素背景顏色 |
| background-image | 把圖像設置爲背景 |
| background-repeat | 設置背景圖像是否及如何重複 |
| background-attachment | 背景圖像是否固定或者隨着頁面的其他部分滾動 |
| background-position | 設置圖像初始位置 |
相關文章
- 1. Python-第九周-從人機交互到藝術設計-03
- 2. 人機交互設計——課後作業
- 3. 從人機交互到藝術設計
- 4. 交互設計—超越人機交互（第5版）
- 5. 交互設計：超越人機交互（原書第4版）
- 6. 人機交互
- 7. 人機交互實驗-學生選課系統設計
- 8. 交互設計
- 9. DDD 領域驅動設計 實踐03
- 10. 《軟件工程與計算（卷二）》-Chapter11-人機交互設計
- 更多相關文章...
- • Thymeleaf項目實踐 - Thymeleaf 教程
- • Web 創建設計 - 網站建設指南
- • 漫談MySQL的鎖機制
- • TiDB 在摩拜單車在線數據業務的應用和實踐
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. Python-第九周-從人機交互到藝術設計-03
- 2. 人機交互設計——課後作業
- 3. 從人機交互到藝術設計
- 4. 交互設計—超越人機交互（第5版）
- 5. 交互設計：超越人機交互（原書第4版）
- 6. 人機交互
- 7. 人機交互實驗-學生選課系統設計
- 8. 交互設計
- 9. DDD 領域驅動設計 實踐03
- 10. 《軟件工程與計算（卷二）》-Chapter11-人機交互設計