1.什么是css雷厂,指的是疊層樣式表,控制網(wǎng)頁的的外觀顯示叠殷。
2.引入css的三種方式改鲫,外部鏈接,內(nèi)部鏈接林束,內(nèi)聯(lián)像棘,分別的語法是,,,style="屬性:值"
3.css選擇器壶冒,選擇器就是要針對你要所改變的元素缕题,而單獨(dú)定義的樣式,就常見的選擇器:ID胖腾,CLASS,元素選擇器烟零,子元素選擇器瘪松,群組選擇器,相鄰選擇器锨阿,id選擇器是唯一的意思是凉逛,只能定義一個id名相同的,class選擇器群井,類選擇器状飞,可以為多個元素定義,id選擇器和class選擇器的區(qū)別在于书斜,id是唯一的就像每個人的身份證一樣只有一份號碼是唯一的诬辈,而class就是像每個人的名字一樣可以重復(fù),元素選擇器就是選澤要改變的元素標(biāo)簽名字荐吉,子選擇器就是在當(dāng)前元素后的子元素焙糟,群組合選擇器就是選澤所有想改變的元素,相鄰選擇器就在當(dāng)前同級元素的下一個元素样屠。
語法:
這是一個段落
?相應(yīng)的 ?css規(guī)則: #id{ 屬性:值}相應(yīng)的css規(guī)則:.class{ 屬性:值}
這是一個段落
相應(yīng)的css規(guī)則:p{屬性:值}這是一個段落奧
這是一個段落奧
這是一個段落奧
相應(yīng)的css規(guī)則:div+div{屬性:值}這是一個段落奧
4.字體樣式
字體的類型:font-family: ?'';取值宋體穿撮,微軟雅黑等、
字體的大谢居:font-size:;通常以像素值px,其他的還有em ,百分比
字體的粗細(xì):font-weight:;取值bold粗體顯示悦穿,normal正常
字體的樣式:font-style:;italic斜體业踢,normal正常
顏色栗柒;color;
行高:line-height:知举;字體的行高瞬沦,一行的高度不是距離。
5.文本樣式
文本裝飾:text-decoration:;取值有,line-through(貫穿線)雇锡,underline(下劃線)逛钻,overline(上劃線)
文本對齊:text-align:;取值有锰提,center(居中)曙痘,left(左對齊),right(右對齊)
文本縮進(jìn):text-ident:欲账;取值單位px.em,百分比
文本大小寫:text-transform:屡江;取值有 uppercase(大寫) lowercase(小寫) capitalize(首指母大寫)
文本的字間距:letter-sapcing:;取值單位px ,em ,百分比
詞間距:word-sapcing:;取值單位px ,em ,百分比
6.邊框
border邊框 邊框的大小 類型 顏色 分別的設(shè)置
border-width:; 取值是單位px ? em ?百分比
border-style:赛不; 取值是solid 實(shí)線 ?dashed虛線 等
border-color:惩嘉;取值顏色 ,可以是十六進(jìn)制踢故。
7.背景
背景圖片文黎,背景是否被重復(fù) 惹苗,背景的位置,背景是否滾動 ?分別是
background:URL耸峭;
background-repeat:桩蓉;取值有,repeat(重復(fù)) no-repeat(不重復(fù)) repeat-x(x軸重復(fù)) repeat-y(y軸重復(fù))
background-position:;取值可以是 ? center left right top
background-scroll:劳闹; 取值是scroll ? fixed
可以簡寫院究;background: URL ?repeat ? position ?scroll;
8.超鏈接樣式
當(dāng)我們鼠標(biāo)移動到a標(biāo)簽上面本涕,可以讓他顯示的樣式业汰,通過偽類來設(shè)置,不一定是a元素才有可以設(shè)置菩颖,在html中 任何元素可以都已設(shè)置偽類样漆。語法:元素:hover
當(dāng)鼠標(biāo)未訪問的樣式a:link;,當(dāng)鼠標(biāo)訪問后的樣式a:visited;當(dāng)鼠標(biāo)移動到的樣式a:hover;當(dāng)鼠標(biāo)按下時的樣式a:active;
9圖片
圖片大谢奕颉:可以通過設(shè)置它的寬度 高度來設(shè)置放祟。
圖片位置:通過text-align(水平居中),vertical-aligin(垂直居中)
圖片邊框:通過border來設(shè)置它的邊框
10列表
列表的樣式:list-style-type:;取值none,circle,等
列表圖片:list-style-image:呻右;
11表格
表格默認(rèn)是沒有邊框的跪妥,我要通過border給它值
12,盒子模型
盒子模型分為:內(nèi)容區(qū),內(nèi)邊距窿冯,外邊距骗奖,邊框
13布局
浮動布局:通過float浮動塊元素,注意清除浮動醒串。
定位布局:position來設(shè)置。然后設(shè)置鄙皇。上右下左的值芜赌。
固定定位:position:fixed/scroll
靜態(tài)定位:position:static