文章分类 -  CSS3

DIV水平垂直居中原理介绍
摘要:1、具体实例代码如下 这里设置一个“#main”对象样式,宽400px,高200px,使用了绝对定位position样式同时使用绝对定位left和top,并且同时设置margin-top和margin-left,为了观察到效果,所以对此div盒子加了个红色边框。 2、实例截图 div+css实现di 阅读全文
posted @ 2016-05-25 10:01 冬刻忆 阅读(115) 评论(0) 推荐(0)
用纯CSS实现二级下拉菜单
摘要:用纯CSS实现二级下拉菜单 模板无忧 最新下载 下载排行 ... 阅读全文
posted @ 2015-12-20 23:33 冬刻忆 阅读(148) 评论(0) 推荐(0)
那些常用的css3技巧
摘要:1、如何让一个父div里面的所有子元素都垂直与水平居中的解决方法我们在做布局的时候,经常用到的就是在一个父元素里面有多个的子元素相对于父元素垂直居中、水平居中,在这里我介绍一种快捷的解决方案就是利用css3的box-align属性,在w3c菜鸟教程中有关于box-align和box-pack属性的详... 阅读全文
posted @ 2015-12-05 01:17 冬刻忆 阅读(67) 评论(0) 推荐(0)
图片大小自适应与盒子自适应布局的核心代码
摘要:在前端中响应式布局是开发的需要,下面我们就展示做响应式布局的核心CSS写法 盒子与图片自适应 阅读全文
posted @ 2015-11-15 00:28 冬刻忆 阅读(882) 评论(0) 推荐(0)
设置自适应div的方法
摘要:div宽高自适应 img 在元素分类中属于 replaced (被替换的)元素。 replaced 元素表示这个元素内容的显示不是由 CSS 控制的。 换句话说,对于 img 元素而言,图片的内容并不是由 CSS 定义的, 而是通过其 src 属性指向... 阅读全文
posted @ 2015-11-08 22:50 冬刻忆 阅读(652) 评论(0) 推荐(0)
使用CSS等比例的缩放盒子
摘要:你肯定已经知道,对于一个 img 元素而言,你可以单独地修改它的width或者height属性来设置它的大小,同时图片的比例还能够保持不变。如下图所示,最上面是原始大小的图片,下面两张则分别是设置了width: 50%和height: 50%属性后的样子。可以看到把宽度设置为了原来的一半的同时,图片... 阅读全文
posted @ 2015-10-28 11:12 冬刻忆 阅读(1106) 评论(0) 推荐(0)
如何让一个父div里面的子div垂直居中
摘要:div垂直居中 阅读全文
posted @ 2015-08-11 22:51 冬刻忆 阅读(843) 评论(0) 推荐(0)