可以代替JavaScript的CSS特效有很多,比如說通過偽類:hover、:actived等實(shí)現(xiàn)觸發(fā)效果,動(dòng)畫效果可以用animation屬性,對(duì)圖像處理可以transform、filter等
cascading style sheet 層疊樣式表
css基本語法
css的定義方法是:
選擇器 { 屬性:值; 屬性:值; 屬性:值;}
選擇器是將樣式和頁面元素關(guān)聯(lián)起來的名稱,屬性是希望設(shè)置的樣式屬性每個(gè)屬性有一個(gè)或多個(gè)值,如果一個(gè)屬性有多個(gè)值,中間用空格隔開
代碼示例:
div{ width:100px; height:100px; color:red }
用處:設(shè)置網(wǎng)頁的顯示效果(設(shè)置樣式)
css將網(wǎng)頁的顯示效果和內(nèi)容分離(降低了耦合性)
偽元素和偽類之所以這么容易混淆,是因?yàn)樗麄兊男Ч愃贫覍懛ㄏ喾拢珜?shí)際上 css3 為了區(qū)分兩者,已經(jīng)明確規(guī)定了偽類用一個(gè)冒號(hào)來表示,而偽元素則用兩個(gè)冒號(hào)來表示。
不包括
?一:css基本選擇器有哪些
1.css屬性選擇器
2.css標(biāo)簽選擇器
3.cssID選擇器
4.css的通配符
二:css有哪些高級(jí)選擇器
1.css標(biāo)簽選擇器
css標(biāo)簽選擇器其實(shí)就是頁面上的所有類型的標(biāo)簽,我們對(duì)經(jīng)常描述稱為共性,對(duì)無法描述的稱為個(gè)性。我們?cè)陧撁嫔峡吹絠nput,div和ul都有可能是選擇器,無論這個(gè)標(biāo)簽藏得多深,都可能被選擇上,并且選擇的是所有標(biāo)簽,并不是單單指一個(gè)。
2.cssID選擇器
css中我們使用#來對(duì)名字進(jìn)行自定義,#是指對(duì)一個(gè)特殊的標(biāo)簽來使用,并且只能用一次,在任何html標(biāo)簽中,都可以有id屬性,但是前提要按照字母開頭,更不能用字母去開頭,或者和標(biāo)簽同名。還有一些高手建議在css層面上盡量不要使用id。
3.css類選擇器
css中類選擇器,我們使用.來表示,我們使用類來表示,其實(shí)就是比較靈活。class和id是十分相似的,并且同一個(gè)標(biāo)簽可以使用很多個(gè)類選擇器,也可以多種標(biāo)簽使用。
4.css的通配符,可以替換任何標(biāo)簽,目前有些瀏覽器是不支持使用。