![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网页设计
祥灬子
命是弱者的借口,运是强者的谦辞!!
展开
-
网页设计之响应式布局
一、移动设备的Viewport什么是Viewport呢?手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,转载 2016-07-02 23:42:25 · 1231 阅读 · 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 · 1248 阅读 · 0 评论 -
css3transform应用
1.旋转 rotate()旋转rotate()函数:通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。div class="wrapper"> div>div>div>/*css代码*/.wrap转载 2016-07-05 00:36:58 · 343 阅读 · 0 评论