css3屬性選擇器怎么使用,請問如何改變鼠標選定文本時的顏色?
鼠標選中后,背景變色的方法:如:改變選中后,選中區域的背景顏色為淺藍色。在css中寫入如下代碼:/* webkit, opera, IE9 */::selection { background:lightblue; }/* mozilla firefox */::-moz-selection { background:lightblue; }說明:
1、-moz-屬性前綴是個火狐瀏覽器用的,而基本的::selection選擇器是給谷歌瀏覽器用的。
2、background后面可以直接使用顏色值。如:::selection { background:#ffff00; }另外:跟其它CSS選擇器的用法一樣,也可以嵌套使用,在不同的地方顯示不同的顏色。如下:/* webkit, opera, IE9 */div.highlightBlue::selection { background:lightblue; }/* mozilla firefox */div.highlightBlue::-moz-selection { background:lightblue; }
/* webkit, opera, IE9 */div.highlightpink::selection { background:pink; }/* mozilla firefox */div.highlightPink::-moz-selection { background:pink; }
css樣式語法?
css的樣式語法是:
1、css規則由選擇器和一條或多條聲明兩個部分構成;
2、選擇器通常是需要改變樣式的HTML元素;
3、每條聲明由一個屬性和一個值組成;
4、屬性和屬性值被冒號分隔開。css樣式語法規則由兩個主要的部分構成:選擇器,以及一條或多條聲明。
CSS樣式的方式和特點是什么?
1.繼承性
作用:子元素可以繼承父元素的樣式text-,font-,line-這些元素開頭的都可以繼承,以及color屬性特殊性:
①. a標簽的顏色不能繼承,必須對a標簽本身進行設置
②. h標簽的字體大小不能修改,必須對h標簽本身進行修改
2.層疊性
是瀏覽器處理沖突的一個能力如果一個屬性通過兩個選擇器設置到同一個元素上,那么這個時候一個屬性就會將另一個屬性層疊掉
3.優先級
權重:!important>行內樣式>id選擇器>類選擇器>標簽選擇器>通配符>繼承
作用:多個選擇器組合以后的優先級
算法:(0,0,0,0)==》第一個0是important的個數,第二個0是id選擇器的個數,
第三個0對應的類選擇器的個數,第四個0對應的是標簽選擇器的個數,就是當前選擇器的權重。
css3有什么新屬性可以觸發z?
css3的絕對定位屬性可以觸發z-index,代碼為position:absolute。