前端學習 CSS

2022-10-09 07:48:07 字數 1394 閱讀 3362

選擇器

選擇器和大括號中間最好加個空格

標籤選擇器

p 

選擇了所有的對應標籤

類選擇器

.類 

123

長名詞或片語可以使用中橫線來給選擇器命名 -

多類名選擇器

id選擇器
#id 

id只能呼叫一次,呼叫後別人無法使用

和類一樣只能用英文,相比而言id用得少

萬用字元選擇器

* 

選擇所有的標籤

字型
font-family: ''
多個字型,如果前面的顯示不出來會用後面的替換

文字大小

body 

h body可選擇所有主體,但是標題標籤需要特別指定

字型粗細
font-weight:

700或者bold 加粗

文字樣式
font-style: 

normal 正常

italic 斜體

字型復合屬性
格式:font: font-style font-weight font-size/line-height font-family;

font: italic 700 16px 'microsoft yahei'

順序不能顛倒

文字大小和字型不能省略

顏色

color: pink;

color: #ff0000

color: rgb(255,0,0)或者rgb(100%,0%,0%)

對齊文字
text-align: center

left right center

用來設定水平對齊

裝飾文字

text-decoration:

none 預設

underline 下劃線

overline 上劃線

line-through 刪除線

文字縮排
text-indent:

讓每個首行縮排

em是乙個相對單位,是當前元素的乙個文字大小

行間距
line-height:
行間距包括上間距,文字高度,下間距

16px為預設值

內部樣式表

行內樣式表

外部樣式表
在html外部寫乙個css

前端學習 css

1.內聯 慕課網,超酷的網際網路 it技術免費學習平台,創新的網路一站式學習 實踐體驗 服務及時貼心,內容專業 有趣易學。專注服務網際網路工程師快速成為技術高手!2.嵌入式 嵌入式css樣式必須寫在之間,並且一般情況下嵌入式css樣式寫在之間。慕課網,超酷的網際網路 it技術免費學習平台,創新的網路...

前端學習 CSS體驗

由於本人也是初學html,以下都為本人學習過程中分點整理的知識點,希望共同進步,不足之處望指出批正。1.css體驗 分析 有提供標題 h1 還有乙個段落 p 標題是居中的,段落也是居中的。所以我們可以設定h標籤和p標籤的align屬性等於center來實現,標題和段落都有顏色,都是字型,都是大小,所...

前端CSS學習(一)

css樣式的分類 1.內部樣式表2.行內樣式表 3.外部樣式表 css基礎選擇器 1.標籤選擇器 span 2.類選擇器 blue 3.多類名選擇器 4.id選擇器 num 5.萬用字元選擇器 css外觀屬性 1.color red ff0000 rgb 255,0,0 2.line height ...