因为你的排版不严密，正规加了代码就css就改变了等加过代码你要 重新定义一下 这种情况一开始 都会出现的。

具体效果图如下主要用到的技术除了3D翻转和定位 ，还用到了一个新的属性 backfacevisibilityvisablehidden该属性主要是用来设定元素背面是否可见具体的步骤如下1写出页面主体， ltdiv ltimg src=quotImages。

你用了固定的宽度，当然不能自适应了，比如你家里显示器分辨率为1440*900px，你按照这个宽度做了网页即容器宽度定为了1440px，学校的显示器分辨率为1280*900px，这样你的网页就出现横向滚动条了解决的办法有CSS和JS。

浏览器显示效果 页面是不是很单调这是因为我们还没编写样式，假如我们希望helloword字体颜色为红色，灰色背景框，样式代码应该这样写，类似的静态页面其他样式也可以用css来调节 添加样式后的效果 那要添加一张图片呢，在html。

原来的话只能用jsjquery实现，自从有了css3之后这些效果就变得简单多了，html5css3让网页有了无限可能 非常简单的 用的是 hover 伪类属性 和 css3的transition属性 下面是我写的简单示例，只有在ie9以上，firefox。

img的宽高随窗口变化而变化，包裹img的div也随之变化 1打开代码编辑器1html代码的编写3css代码的编写4js的代码编写5在移动端手指触摸轮播图切换效果代码的编写6也可以使用bootstrap框架直接引入css文件。

首先是HTML代码，非常简单，列出我们需要渲染的文字ltdiv class=quotfooquot ltspan class=quotletterquot dataletter=quotAquotAltspan ltspan class=quotletterquot dataletter=quotBquotBltspan ltspan class=quotletterquot dataletter。