專欄鏈接 link

下面進行專欄介紹

本專欄是自己學前端的征程，純手敲的代碼，自己跟著黑馬課程學習的，并加入一些自己的理解，對代碼和筆記
進行適當修改。希望能對大家能有所幫助，同時也是請大家對我進行監督，對我寫的代碼進行建議，互相學習。

開始嘍

行高：設置多行文本的間距

屬性名

line-height

屬性值

數字+px
數字（當前標簽font-size屬性值的倍數）

行高的測量方法

從一行文字的最頂端（最底端）量到下一行文字的最頂端（最底端）

行高-垂直居中

技巧

行高屬性值等于盒子高度屬性值

字體族

屬性名

font-family

屬性值

字體名

示例

font-family：楷體;

擴展

font-family屬性值可以寫多個字體名，各個字體間用逗號隔開，執行順序是從左到右依次查找
font-family屬性最后設置一個字體族名，網頁開發建議使用無襯線字體

font 復合屬性

使用場景

設置網頁文字公共樣式

復合屬性

屬性的簡寫方式，一個屬性對應多個值的寫法，各個屬性值之間用空格隔開
font：是否傾斜 是否加粗 字號/行高 字體（必須按順序書寫）

示例

div {font:italic 700 30px/2 楷體;
}

注意

字號和字體值必須書寫，否則font屬性不生效

文本縮進

屬性名

text-index

屬性值

數字+px
數字+em（1em=當前標簽的字號大小）

文字對齊方式

作用：控制內容水平對齊方式

屬性名：text-aline

屬性值

left-左對齊（默認）
center-居中
right-右對齊

水平對齊方式-圖片

text-aline本質是控制內容的對齊方式，屬性要設置給內容的父級

文本修飾線

屬性名

text-decoration

屬性值

屬性	屬性值
none	無
underline	下劃線
line-through	刪除線
overline	上劃線

color文字顏色

屬性名

color

屬性值

顏色表示方式

顏色關鍵字-顏色英文單詞

rgb表示法-rgb（r,g,b)-rgb三原色 取值0-255
rgba表示法-rgba（r,g,b,a)a表示透明度 取值0-1

十六進制表示法-#RRGGBB

提示

只要屬性值為顏色，都可以使用上述四種顏色表示方式，例如：背景色。

調試工具-谷歌瀏覽器

作用

檢查、調式代碼；幫助程序員發現代碼問題、解決問題

打開調試工具

F12

調試工具細節

1.如果是錯誤的屬性有黃色嘆號
2.CSS屬性的前面有多選框，如果勾選：屬性生效

復合選擇器

定義

由兩個或多個基礎選擇器，通過不同的方式組合而成

作用

更準確、更高效的選擇目標元素（標簽）

后代選擇器

選中某元素的后代元素

寫法

父選擇器 子選擇器{CSS屬性}，父子選擇器之間用空格隔開。

子代選擇器

選中某元素的子代元素（最近的子級）

選擇器寫法

父選擇器>子選擇器{CSS屬性}，父子選擇器之間用>隔開

并集選擇器

選中多組標簽設置相同的樣式

寫法

選擇器1，選擇器2，…選擇器N{CSS屬性}，選擇器之間用，隔開

交集選擇器

選中同時滿足多個條件的元素

寫法

選擇器1選擇器2{CSS屬性}，選擇器之間連攜，沒有任何符號

注意

如果交集選擇器中由標簽選擇器，標簽選擇器必須書寫在最前面

偽類選擇器

偽類表示元素狀態，選中元素的某個狀態設置樣式

鼠標懸停狀態

選擇器

hover{CSS屬性}

強調

任何標簽都可以設置鼠標懸停狀態

偽類-超鏈接

狀態

:link	訪問前
:visited訪問后
:hover	鼠標懸停
:action 點擊時（激活）

注意

如果要給超鏈接設置以上四個狀態，應按照LVHA的順序書寫