1、 全部支持css3選擇器的瀏覽器是,做網(wǎng)站都用什么瀏覽器?
做網(wǎng)站的時候使用不同的瀏覽器測試效果,達到兼容各主流瀏覽器的目的。
1、IE8
2、火狐(火狐有個插件叫做firebug,是專門用來調(diào)試css的,非常好用)
3、IETester(這個不是專門的瀏覽器,是為了解決IE兼容問題而誕生的,可以模擬網(wǎng)頁在 IE 6 7 8 9 下的顯示效果)
4、360安全瀏覽器(這個瀏覽器的內(nèi)核是IE的,但是應(yīng)該被改動過,CSS里如果使用了 * 號,那么在此瀏覽器中將會出現(xiàn)兼容問題)
5、傲游、搜狗、opera等其他瀏覽器基本和上面的瀏覽器是一個內(nèi)核,只要前面4條針對的瀏覽器做好,基本也就沒什么問題了。
2、 HTML5如何在網(wǎng)頁中實現(xiàn)3D效果?
CSS3除了為開發(fā)者提供二維變形之外,還將動畫從二維平面推動到了三維立體狀態(tài),能夠?qū)崿F(xiàn)真正的三維特效。
三維變形和二維變形一樣,均使用的是transform屬性。想要觸發(fā)三維變形有兩種方式:一種方式是通過語法告知瀏覽器“請采用三維方式進行變形處理”,另一種方式是直接使用CSS3三維變形的語法。
觸發(fā)方法1:告知瀏覽器變形方式
-WebKit-transform-style:preserve-3d;
Tips:IE不支持三維變形,在移動端,絕大多數(shù)的瀏覽器均為WebKit內(nèi)核,因此,在此句代碼之前需要書寫-webkit-的前綴內(nèi)核。
Tips:不要為body元素設(shè)置-webkit- transform-style: preserve 3d,否則會對position:fixed定位的元素造成布局影響。在開發(fā)當中,如果當前元素屬于body的子級元素,又希望應(yīng)用三維變形,則在body和當前元素之間多嵌套一層結(jié)構(gòu),并為這層元素應(yīng)用三維變形即可。
觸發(fā)方法2:直接使用CSS3變形語法
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>言成科技/title>
<style>
.box1 {
width: 150px;
height: 150px;
border: 2px solid blue;
}
.box1 div {
height: 150px;
background: rgba(0, 0, 0, 0.5);
-webkit-transform: translate3d(30px, 60px, 20px) rotateX(30deg);
transform: translate3d(30px, 60px, 20px) rotateX(30deg);
}
</style>
</head>
<body>
<div class="box1">
<div></div>
</div>
</body>
</html>
3、 css3和css一樣嗎?
CSS3是CSS的子集,CSS3是最新的標準,提供了很多好用的新屬性,提升了網(wǎng)頁的表現(xiàn)性。
CSS3提供了更好用的選擇器最新的CSS3中,對偽類、偽元素選擇器做了嚴格的規(guī)范。有了偽類后,不用在div標簽里面添加額外的元素完成一些DOM操作,可以通過::before,::after完成,代碼簡潔明了。對于鼠標的操作,也可以通過::hover等類似的操作完成。非常高效。還有::first–child等類似的選擇器去操作子元素。
CSS3使動畫效果越來越方便css3里面通過animation來完成動畫,設(shè)置@keyframes即可,一些輕量級的動畫不必再通過js完成。
CSS3完成圓角、陰影美化更方便以前的css完成類似的功能只能通過圖片做背景,現(xiàn)在只需要border-radius、boxshadow即可。非常高效簡潔。
CSS3提供了全新的盒模型這個特性十分有用。原來的盒模型width=content.+border+padding。你規(guī)定了width.每次都要自己計算,現(xiàn)在有了boder-box不用這么麻煩了。
CSS3的flex布局是最強大的IE已死,不需要再考慮它的兼容性?。?!用flex布局,節(jié)省很多時間,節(jié)省的時間可以學(xué)很多東西,而不是浪費時間去適應(yīng)落后的ie?。?!
還有很多好用的css3特性,這個版本提供了巨大的生產(chǎn)力?。。『芨兄x它,期待下一個grid布局~
以上是我的看法~
4、 css三種選擇器的特點?
css選擇器的類型分為3類:標記選擇器、類別選擇器和ID選擇器。
(可能名稱有不同的說法,但意思都是一樣的) 標記選擇器是利用HTML的標記直接定義標記內(nèi)容的樣式,如:h1{ color:red; font-size:25pt;} 類別選擇器是通常說的class選擇器,定義的時候要在名稱前加.如:.one{ color:red; font-size:25pt;} ID選擇器定義的時候要在前面加#,如:#box { color:red; font-size:25pt;} 利用DW寫CSS的時候,高級就是上面說的ID選擇器,ID選擇器的名字可以任意命名,可以自己定義,可是標簽就只能是HTML語言里制定的那些標記,不能自己定義。