css選擇器的詳細使用,請問如何改變鼠標選定文本時的顏色?
鼠標選中后,背景變色的方法:如:改變選中后,選中區域的背景顏色為淺藍色。在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; }
css3有哪些特性?
新特性新增各種CSS選擇器 (: not(.input):所有 class 不是“input”的節點)
圓角 (border-radius:8px)
多列布局 (column)
陰影和反射 (Shadow\Reflect)
文字特效 (text-shadow)
線性漸變 (gradient)
旋轉,縮放,定位,傾斜 (transform
多背景,背景裁剪
css中如何代表所有元素?
css中用通配符代表所有元素。
通配符使用星號*表示,意思是“所有的”。
平時使用電腦,比如要搜索C盤里所有的網頁,可以使用 *.html來搜索,.html是網頁的后綴名,*代表了所有網頁的名稱;
也就是使用 * 加后綴名,就可以在電腦中搜索文件。
在CSS中,同樣使用 * 代表所有的標簽或元素,它叫做通配符選擇器。
比如:* { color : red; } 這里就把所有元素的字體設置為紅色。
*會匹配所有的元素,因此針對所有元素的設置可以使用*來完成,用的最多的例子如下:
*{margin:0px; padding:0px;}
這里是設置所有元素的外邊距margin和內邊距padding都為0。
不過,由于*會匹配所有的元素,這樣會影響網頁渲染的時間,因此很多人開始停止使用*通配符選擇器,取而代之的是,把所有需要統一設置的元素,放在一起,一塊設置。