CSS 結構與樣式相分離
CSS
結構與樣式相分離
?
選擇器以及一條或多條聲明

每條聲明(鍵值對)之后需要用分號;結尾
基礎選擇器分類:
1.標簽選擇器?<p> <div>等 用HTML標簽名作為選擇器

2.類選擇器

通過class=類名 調用(類名過長的話可以用短橫線-分隔)

多類名(便于復用)
Class=類名 類名 …
3.id選擇器

通過id=id名 調用 (與類選擇器調用一樣)
???區(qū)別在于 -》》》》只能被調用一次?。?!
4.通配符選擇器

基礎選擇器總結

?
字體 font
font-family:指定字體系列
微軟雅黑/’Microsoft?YaHei’;宋體…


指定多種字體,逐個找,是否存在,如果找到則用改字體顯示,否則用系統(tǒng)自帶的字體顯示
font-size:指定字體大小
特俗情況標題標簽需要單獨指定文字大小
全局指定文字大小Body{font-size:16px;}

font-weight:指定字體粗細
normal?:正常 ->400
bold:加粗,效果同strong
bolder:特粗體
lighter:細體
number:通過數字體現粗細--à
->700=bold

font-style:指定字體文字樣式
normal:正常
italic:斜體=em

字體復合屬性
順序有要求,節(jié)約代碼量;部分屬性可以省略,但有的必須有


文本屬性Text
Color:文本顏色

Text-align:對齊文本
只能設置水平對齊

Text-decoration:裝飾文本
可以用于去除a(鏈接)默認的下劃線text-decoration:none

Text-indent:文本縮進
段落文本縮進的效果Text-indent:20px;
Em單個字符的距離

Line-height:行間距(行高)

行高測量工具:FastStone

CSS引入方式
內部樣式表:將樣式寫到HTML頁面內部,放到style標簽內部:個人感覺這種比較常見

行內樣式表(內聯樣式表):用于修改少量樣式

外部樣式表:單獨建css文件,之后引入到HTML中:實際開發(fā)中最常見


