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 元素內部 擁有最...