1、 css選擇器舉例,元素選擇器的權值規則是哪些?
1. 內聯樣式表的權值最高 1000 2. ID 選擇器的權值為 100 3. Class 類選擇器的權值為 10 4. HTML 標簽選擇器的權值為 1 CSS 優先級法則: A 選擇器都有一個權值,權值越大越優先 B 當權值相等時,后出現的樣式表設置要優于先出現的樣式表設置 C 創作者的規則高于瀏覽者:即網頁編寫者設置的CSS 樣式的優先權高于瀏覽器所設置的樣式 D 繼承的CSS 樣式不如后來指定的CSS 樣式 E 在同一組屬性設置中標有“!important”規則的優先級最大 這是規定好的,自然不能打破
2、 css3新增功能?
1、css3新增的超級選擇器:屬性選擇器、結構性偽類選擇器、UI元素狀態偽類選擇器、通用兄弟元素選擇器
2、使用選擇器在頁面中插入文字、圖片、項目編號等內容
3、文字陰影與自動換行
4、各類盒模型:總體分為block類型和in line類型,在細分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關類型、none類型
5、盒模型相關的屬性:overflow屬性(內容溢出)、box-shadow屬性(盒陰影)、box-sizing屬性(寬高計算)
6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性
7、新增的邊框樣式:border-radius屬性(圓角邊框)、border-image屬性(圖片邊框)
8、新增的 transform變形功能:rotate(旋轉)、scale(縮放)、skew(傾斜)、translate(移動)
9、新增的動畫功能:transition(平滑過渡)、animation(關鍵幀)
10、布局相關樣式:多欄布局、盒布局、彈性盒布局
11、兼容性問題
3、 class怎么同時定義兩個div?
同時定義兩個div,同時使用相同的class即可。
建議看下css選擇器的使用方法。
CSS 類選擇器類選擇器選擇有特定 class 屬性的 HTML 元素。
如需選擇擁有特定 class 的元素,請寫一個句點(.)字符,后面跟類名。
實例
在此例中,所有帶有 class="center" 的 HTML 元素將為紅色且居中對齊:
.center { text-align: center; color: red; }
4、 熟練掌握并默寫標記選擇器的基本語法?
1.標記選擇器主要應用在HTML頁中的標記樣式選擇。如P選擇器就用于聲明網頁中有P標記的文本內容,同理,H1選擇器則可以標記頁面中H1的樣式。例如: H1 { font-size:14px; font-weight:bold; color:#ccc;}以上代碼表示在所有應用H1選擇器的地方,將文字的大小設為14像素并加粗,同時將顏色設為灰色,如果要改變H1的顏色,只需將color屬性更改就可以了,比如將color設為#e7eefe來與網頁的其他地方協調。 2.類別選擇器 這是一類最常用的選擇器,用它來定義網頁中需要特殊表現的樣式,類別選擇器的名稱可以由作者自由定義,一般來講類別選擇器的命名最好有一定的意義,使CSS代碼更易維護和閱讀。例如定義導航就可以使用.daohang{}或者是.nav{},不要使用簡略或者特殊的字符串,否則可能三天后當你再讀你的CSS代碼時,就連你自己都搞不清一個樣式到底是做什么用的! 類別選擇器就是CSS類,在HTML表現為調用的class。例如: (1)style.css文件中定義 .title { margin:10px; padding:2px 5px;}(2)HTML文件中
在上述定義中,p標簽將引用CSS文件中的title樣式應用到整個p覆蓋的范圍。p將顯示為一個上下左右margin各為10px,上下padding為2px,左右padding為5px的矩形。 請注意類別選擇器CSS定義和標記選擇器的區別:在CSS文件中,標記選擇器前邊沒有"."號,下面我們還會講到ID選擇器,它的定義也不一樣,每個ID選擇器樣式前有一個"#"號,以確定其為ID選擇器,而在HTML中則用ID="style"引用。值得注意的是,一個標簽可以同時應用多個class選擇器,如,具體大家可以在下邊思考并做下實驗,筆者在這就不舉例了。3.ID選擇器(1)ID選擇器用法和class基本沒有區別,他們的不同之處就在于ID選擇器只能在HTML頁中使用一次,而class則可以任意多次調用,在CSS文件中,ID 選擇器一般寫成 #idname { bgcolor:#339; font-size:16px;}如果一個ID應用于多個HTML標記,則有可能造成IE編譯錯誤,并且由于ID選擇器可以被JAVASCRIPT等調用,所以多個ID會導致JAVA編譯錯誤并崩潰! (2)HTML的引用 在HTML中引用ID選擇器的代碼如下所示: 并且ID選擇器不能像類別選擇器那樣同時被一個標簽調用。這也是完全錯誤的語法。 復合選擇器就是基本選擇器通過不同的鏈接方式構成的。 復合選擇器就是兩個或多個基本選擇器,通過不同方式鏈接而成的選擇器。