css常用屬性之選擇器,CSS樣式是專門用來進(jìn)行什么的?
CSS即層疊樣式表(Cascading Style Sheets),是一種專門用來表現(xiàn)HTML或XML等文件樣式的計算機(jī)語言。
CSS樣式主要包含以下三種類型:
1、行內(nèi)樣式(內(nèi)嵌樣式):結(jié)構(gòu)的內(nèi)部,即寫在標(biāo)簽內(nèi)的樣式;寫在標(biāo)簽的開始部分內(nèi)部,style屬性當(dāng)中。
例:<標(biāo)記 style="樣式的屬性名1:樣式的屬性值1;屬性名2:屬性值2;......"></標(biāo)記>
2、內(nèi)部樣式(內(nèi)聯(lián)樣式):寫在HTML頁面內(nèi)部,存放于head標(biāo)記當(dāng)中,樣式寫在style標(biāo)記內(nèi)。
例:<style>選擇器 {屬性名:屬性值;屬性名:屬性值;......}</style>
3、外部樣式(外聯(lián)樣式):寫在css文件內(nèi)。
css模塊化多個class如何引用?
方法1:用css的屬性選擇器。 div[class^="aa"] { background-color:#d6d6d6; height: 50px; }1 2 3 方法2:用空格分隔多個class .aa { background-color:#d6d6d6; height: 50px; }1 2 3
是什么選擇器?
head img 選擇器:就是指定CSS要作用的標(biāo)簽,那個標(biāo)簽的名稱就是選擇器。意為:選擇哪個容器。
CSS的選擇器分為兩大類:基本選擇題和擴(kuò)展選擇器。
基本選擇器:
標(biāo)簽選擇器:針對一類標(biāo)簽ID選擇器:針對某一個特定的標(biāo)簽使用
類選擇器:針對你想要的所有標(biāo)簽使用
通用選擇器(通配符):針對所有的標(biāo)簽都適用(不建議使用)
css3的作用及角色?
CSS3是CSS2的升級版本,3只是版本號,它在CSS2.1 的基礎(chǔ)上增加了很多強(qiáng)大的新功能,目前主瀏覽器 Chorme、Safari、Firefox、Opera、甚至360都已經(jīng)支持了CSS3大部分功能了,IE10以后也開始全面支持CSS3了。在編寫CSS3樣式時,不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規(guī)則尚未成為W3C標(biāo)準(zhǔn)的一部分。是瀏覽器的私有屬性雖然目前較新版本的瀏覽器都是不需要前綴的,但為了更好的向前兼容,前綴還是少不了的。
Chrome 和 Safari:-webkit
Firefox:-moz
IE:-ms
Opera:-o
CSS3 把很多以前需要使用的圖片和腳本來實現(xiàn)的效果,甚至動畫效果,現(xiàn)在只需要短短幾行代碼就能搞定。比如:圓角、圖片邊框、文字陰影和盒陰景、漸變、個性化字體、多圖片背景、變形處理(旋轉(zhuǎn)、縮放、傾斜、移動)、過渡、動畫、多欄布局、媒體查詢等。還有選擇器,簡化了前端開發(fā)工作人中山小欖的設(shè)計過程,加快頁面載入速度。