先用CSS3的transform的3D可以去查查这个属性的用法的设置为Y轴旋转90度，加上CSS3的“transitonall 03s“的属性，并加上quotdisplayquot当鼠标hover的时候display设为quotblockquot就会动画的出现这种效果了。

还有一种初始化是 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你可以去参考百度的初始。

双表法调用样式表 @import url cssstyle01css 1 基本语法 CSS的定义是由三个部分构成选择符selector，属性properties和属性的取值value 基本格式如下 selector property value。

1我们希望在导航条中实现这样的效果， 当鼠标移动上去时，会出现一个图片或者下划线等2在CSS样式表中编程时，若设置中lineheight为30px，而底层的表框大小为height40px的话，ahover实现的效果会在上下端各有5px。

其实就是将默认的样式清除掉，例如div之间有间隙等，下面给你一些css初始化的样式你可以直接放到css里最前面直接用 腾讯body，ol，ul，h1，h2，h3，h4，h5，h6，p，th，td，dl，dd，form，fieldset，legend，input，textarea。

前端开发需要初始化 CSS 样式的原因有以下几点1 浏览器差异不同浏览器对有些标签的默认值是不同的，如果没对 CSS 初始化会出现浏览器之间的页面显示差异2 提高编码质量如果不初始化，整个页面做完会很糟糕。

1此段css代码，其他页面不需要可以直接放在需要的HTML文件中在head标签下，写上style标签，把css代码放在style标签中2可以新建一个css文件，比如indexcss，把这段css代码放进这个indexcss文件中然后在HTML文件。

1准备好初始化的代码 2初始化样式 div border1px red solidwidth800pxheight800pxbackgroundcolorblue 3运行结果为 4设置背景颜色半透明的样式代码backgroundcolorrgba0，0，255。

1我们创建一个HTML页面，在body标签中添加一个p标签组2然后在上面的head标签中title标签下，输入引用CSS的代码style标签如下图3然后在标签中输入一个CSS名称以及相关的样式要注意看下图的格式，别少。

import规则一定要先于除了@charset的其他任何CSS规则不推荐使用@import因为浏览器的兼容的问题，不同浏览器有些标签的默认值是不同的，如果没有CSS初始化往往会出现浏览器之间的页面显示差异伪元素和伪类的区别总结 css。

那么什么是css初始化其实就是将默认的样式清除掉，例如div之间有间隙等，下面给你一些css初始化的样式你可以直接放到css里最前面直接用 腾讯body，ol，ul，h1，h2，h3，h4，h5，h6，p，th，td，dl，dd，form，fieldset。

布局流程 为了提高网页制作的效率，布局时通常需要遵守一定的布局流程，具体如下1确定页面的版心可视区2分析页面中的行模块，以及每个行模块中的列模块3制作HTML结构 4CSS初始化，然后开始运用盒子模型的。

你不是问过这个问题了，我给你的代码，把这些粘上，给每个浏览器版本都初始化一下重新赋值你不给他初始化，同一个地方，如果在不同浏览器里有不同值，你得写N遍去兼容，修改时也得修改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重置以后，各不同浏览器的初始化设置将一致，后面再写CSS的时候就不会因为浏览器的初始化不同从而导致显示的效果不一致了CSS重置使用的误区下面这段代码是网上很多网站CSS开始之前使用的CSS重置代码，看着就让人。

1尽量避免行内样式和页面内嵌样式 2减少CSS文件引用数量，生产环境压缩CSS文件3初始化样式只对用到的标签，避免使用*4避免对同一元素和类名多次重复定义某些属性，css代码能简写的尽量简写5放弃对老旧浏览。