网页设计
祥灬子
命是弱者的借口,运是强者的谦辞!!
展开
-
网页设计之响应式布局
一、移动设备的Viewport 什么是Viewport呢? 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,转载 2016-07-02 23:42:25 · 1260 阅读 · 0 评论 -
一个简单的banner
源码: 一个简单banner *{margin:0;padding:0;} .banner{height:200px;width:200px;height:120px;background-size:cover;margin:100px 0 0 200px;} li{float:left;} .right{margin-top:-180px;margin-left:352px原创 2016-07-04 23:40:18 · 1291 阅读 · 0 评论 -
css3transform应用
1.旋转 rotate() 旋转rotate()函数:通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。 如果这个值为正值,元素相对原点中心顺时针旋转; 如果这个值为负值,元素相对原点中心逆时针旋转。 div class="wrapper"> div>div> div> /*css代码*/ .wrap转载 2016-07-05 00:36:58 · 356 阅读 · 0 评论