CSS學習筆記

2021-10-23 07:45:45 字數 1689 閱讀 7272

1.行內新增:

style=""
2.內嵌樣式:(適合html很少,css**不多)

必須在head內新增

//css**

3.單獨檔案新增:

需要在html檔案中引用css檔案

也需要嵌入到head標籤中

"" href="">
類別前加點;id前加#;標籤直接寫;

類別選擇器:可以多個標籤共同使用乙個class名

id選擇器:只能乙個標籤使用,一般是給js使用

//多個標籤樣式設定:

p,h1

//全域性(所有)樣式設定:

*

pt :點(points),絕對長度單位。印刷業上常使用的單位,磅的意思,一般用於頁面列印排版。

1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

px :相畫素(pixels),對長度單位。畫素px是相對於顯示器螢幕解析度而言的。

em:字元。相對於當前物件內文字的字型尺寸。

1em =16px——1個字元

%:百分比,設定該元素為父元素的n%;相對值 ;相對父元素的大小

文字樣式

color: ;

rgb(x,x,x)

每個顏色0-255;

白:rgb(255,255,255,1) 或rgb(100%,100%,100%)

黑:rgb(0,0,0) 或rgb(0%,0%,0%)

紅:rgb(255,0,0) 或rgb(100%,0%,0%)

灰:三個分量取值相等,比如rgb(66,66,66)

rgba(x,x,x,x)

a是透明度(alpha)0.0(完全透明)1.0(完全不透明)

#rrggbb(十六進製制表示)

紅色:#ff0000 或 #f00(去掉重複位)

letter-spacing: ;

字元間距,可正可負,為負字元重疊

line-height: ;

設定行高

p

垂直居中:

p

text-align: ;

文字對齊方式,center,right,left,justify(兩端對齊)

text-decoration: ;

裝飾線,overline(上劃線),line-through(穿過文字),underline(下劃線),none(可以用來刪除超連結的下劃線)

font: ;

font:斜體 粗體 字型大小/行高 字型

font:inalic bold 16px/1.5em 『宋體』

font-style: ;

斜體 italic

font-weight: ;

粗體 bold

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS 學習筆記

當同乙個html元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此,內聯樣式 在html 元素內部 擁有最...