先用CSS3的transform的3D可以去查查這個(gè)屬性的用法的設(shè)置為Y軸旋轉(zhuǎn)90度，加上CSS3的“transitonall 03s“的屬性，并加上quotdisplayquot當(dāng)鼠標(biāo)hover的時(shí)候display設(shè)為quotblockquot就會(huì)動(dòng)畫(huà)的出現(xiàn)這種效果了。

還有一種初始化是 margin0padding0或者 body，h1，h2，h3，h4，h5，h6，hr，p，blockquote，dl，dt，dd，ul，ol，li，pre，form，fieldset，legend，button，input，textarea，th，tdmargin0padding0你可以去參考百度的初始。

雙表法調(diào)用樣式表 @import url cssstyle01css 1 基本語(yǔ)法 CSS的定義是由三個(gè)部分構(gòu)成選擇符selector，屬性properties和屬性的取值value 基本格式如下 selector property value。

1我們希望在導(dǎo)航條中實(shí)現(xiàn)這樣的效果， 當(dāng)鼠標(biāo)移動(dòng)上去時(shí)，會(huì)出現(xiàn)一個(gè)圖片或者下劃線(xiàn)等2在CSS樣式表中編程時(shí)，若設(shè)置中l(wèi)ineheight為30px，而底層的表框大小為height40px的話(huà)，ahover實(shí)現(xiàn)的效果會(huì)在上下端各有5px。

其實(shí)就是將默認(rèn)的樣式清除掉，例如div之間有間隙等，下面給你一些css初始化的樣式你可以直接放到css里最前面直接用 騰訊body，ol，ul，h1，h2，h3，h4，h5，h6，p，th，td，dl，dd，form，fieldset，legend，input，textarea。

前端開(kāi)發(fā)需要初始化 CSS 樣式的原因有以下幾點(diǎn)1 瀏覽器差異不同瀏覽器對(duì)有些標(biāo)簽的默認(rèn)值是不同的，如果沒(méi)對(duì) CSS 初始化會(huì)出現(xiàn)瀏覽器之間的頁(yè)面顯示差異2 提高編碼質(zhì)量如果不初始化，整個(gè)頁(yè)面做完會(huì)很糟糕。

1此段css代碼，其他頁(yè)面不需要可以直接放在需要的HTML文件中在head標(biāo)簽下，寫(xiě)上style標(biāo)簽，把css代碼放在style標(biāo)簽中2可以新建一個(gè)css文件，比如indexcss，把這段css代碼放進(jìn)這個(gè)indexcss文件中然后在HTML文件。

1準(zhǔn)備好初始化的代碼 2初始化樣式 div border1px red solidwidth800pxheight800pxbackgroundcolorblue 3運(yùn)行結(jié)果為 4設(shè)置背景顏色半透明的樣式代碼backgroundcolorrgba0，0，255。

1我們創(chuàng)建一個(gè)HTML頁(yè)面，在body標(biāo)簽中添加一個(gè)p標(biāo)簽組2然后在上面的head標(biāo)簽中title標(biāo)簽下，輸入引用CSS的代碼style標(biāo)簽如下圖3然后在標(biāo)簽中輸入一個(gè)CSS名稱(chēng)以及相關(guān)的樣式要注意看下圖的格式，別少。

import規(guī)則一定要先于除了@charset的其他任何CSS規(guī)則不推薦使用@import因?yàn)闉g覽器的兼容的問(wèn)題，不同瀏覽器有些標(biāo)簽的默認(rèn)值是不同的，如果沒(méi)有CSS初始化往往會(huì)出現(xiàn)瀏覽器之間的頁(yè)面顯示差異偽元素和偽類(lèi)的區(qū)別總結(jié) css。

那么什么是css初始化其實(shí)就是將默認(rèn)的樣式清除掉，例如div之間有間隙等，下面給你一些css初始化的樣式你可以直接放到css里最前面直接用 騰訊body，ol，ul，h1，h2，h3，h4，h5，h6，p，th，td，dl，dd，form，fieldset。

布局流程 為了提高網(wǎng)頁(yè)制作的效率，布局時(shí)通常需要遵守一定的布局流程，具體如下1確定頁(yè)面的版心可視區(qū)2分析頁(yè)面中的行模塊，以及每個(gè)行模塊中的列模塊3制作HTML結(jié)構(gòu) 4CSS初始化，然后開(kāi)始運(yùn)用盒子模型的。

你不是問(wèn)過(guò)這個(gè)問(wèn)題了，我給你的代碼，把這些粘上，給每個(gè)瀏覽器版本都初始化一下重新賦值你不給他初始化，同一個(gè)地方，如果在不同瀏覽器里有不同值，你得寫(xiě)N遍去兼容，修改時(shí)也得修改N遍把我給你的代碼粘上。

可以嘗試以下初始化代碼body，div，ol，ul，li，dl，dt，dd，h1，h2，h3，h4，h5，h6，p，form，fieldset，legend，input margin0 padding0 h1，h2，h3，h4，h5，h6 fontsize100% fontweightnormal ol，ul list。

使用了CSS重置以后，各不同瀏覽器的初始化設(shè)置將一致，后面再寫(xiě)CSS的時(shí)候就不會(huì)因?yàn)闉g覽器的初始化不同從而導(dǎo)致顯示的效果不一致了CSS重置使用的誤區(qū)下面這段代碼是網(wǎng)上很多網(wǎng)站CSS開(kāi)始之前使用的CSS重置代碼，看著就讓人。

1盡量避免行內(nèi)樣式和頁(yè)面內(nèi)嵌樣式 2減少CSS文件引用數(shù)量，生產(chǎn)環(huán)境壓縮CSS文件3初始化樣式只對(duì)用到的標(biāo)簽，避免使用*4避免對(duì)同一元素和類(lèi)名多次重復(fù)定義某些屬性，css代碼能簡(jiǎn)寫(xiě)的盡量簡(jiǎn)寫(xiě)5放棄對(duì)老舊瀏覽。