css的學習1

css:全稱是cascading  style sheet層疊樣式表又叫級聯樣式表或樣式表。css

css的做用:爲html元素定義樣式,可以實現內容與表現的分離,提升程序的可重用性和可維護性。html

其中重用性:表示可讓多個元素使用相同的樣式;   維護性:表示一個元素飛樣式改變,其餘的元素能夠跟着變字體

css樣式表主要是由兩部分構成:選擇器{樣式}spa

css中經常使用的屬性:htm

對於文本:it

font-size:字體大小。必需要加單位io

font-weight:bold;字體加粗class

color:字體顏色效率

font-family:字體基礎

font-style:字體樣式

text-align:字體水平排列方式

line-height:字體的行高

text-decoration:文本下劃線

對於「盒子」:

width:寬

height:高

background:背景

float:浮動

position:定位

border:邊框

css選擇器:

基礎選擇器

1,標籤選擇器:就是以標籤名做爲選擇器

  格式:標籤名{

      樣式1;

      樣式2;

    }

  注意:全部的標籤均可以做爲選擇器,不管這個標籤在哪一個位置必定可以選擇上;選擇的是全部的選擇器標籤,因此常常描述的是這些標籤的共性,沒法描述元素的個性2,

2,id選擇器:

格式:#id屬性值{

    樣式;

  }

注意:任何html標籤均可以有id屬性,屬性值能夠任取但只能由字母、數字、下劃線組成,必須以字母開頭,不要和html飛標籤名同名;id屬性是惟一的標識不能出現相同的id

3,類選擇器:

格式 :  .class屬性值{

  樣式;

}

注意:class屬性和id很是類似,任何的標籤均可以有,同一個標籤能夠同時屬於多個類用空格隔開,class舒心能夠重複的,同一個標籤能夠有多個類

4,通用選擇器:

格式:*{

  樣式;

}

注意:層級最低,匹配頁面上全部的標籤,效率不高

相關文章
相關標籤/搜索