CSS檔案用來改變所有網頁的布局和樣式，CSS宣告總是以分號 ; 結束，宣告總是用大括號 { } 括起來，CSS注釋以 /* 開始，以 */ 結束
一、CSS Id和Class選擇器
如果你要在HTML元素中設定CSS樣式，你需要在元素中設定 “id” 和 " class"選擇器(在style中設定)
二、CSS 創建
- 外部樣式表
當樣式需要應用于很多頁面時，每個頁面使用< link >標簽鏈接到樣式表
- 內部樣式表
三、CSS Backgrounds(背景)
- 背景顏色
- 背景影像
其中，為了更加美觀，我們需要設定影像的相關格式：
- 水平或者垂直平鋪
- 設定定位與不平鋪
四、CSS Fonts(字體)
- 字體樣式
- 字體大小 （em，px，%）
- 字體系列
五、CSS Text(文本)
-
文本顏色和文本縮進
-
文本對齊方式
-
其他文本屬性
| 屬性 | 描述 |
|---|---|
| line-height | 設定行高 |
| text-decoration | 對文本添加修飾(下劃線，洗掉線…) |
| text-shadow | 設定文本陰影 |
| word-spacing | 設定字間距 |
六、CSS 鏈接
常用的幾個：
- a: link - 正常，未訪問過的鏈接
- a: visited - 用戶已訪問過的鏈接
- a: hover - 當用戶滑鼠放在鏈接上時
a: hover必須跟在a: link和a: visited后面，a: active必須跟在a: hover之后
常見的鏈接樣式
- 文本修飾
a:hover {text-decoration:underline;}
- 背景顏色
a:link {background-color:#B2FF99;}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/253494.html
標籤：其他
上一篇：git基本操作
下一篇：vue相關插件總結