摘要: 参考网站:https://css-tricks.com/centering-css-complete-guide/ 阅读全文
posted @ 2017-04-02 20:32 LOVEwitch 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 创造自己的栅格布局:http://j4n.co/blog/Creating-your-own-css-grid-system bootsrtap栅格布局参考:https://getbootstrap.com/examples/grid/ 阅读全文
posted @ 2017-04-02 20:29 LOVEwitch 阅读(168) 评论(0) 推荐(0) 编辑
摘要: flex布局,弹性盒子 1.display:flex 设置flex布局后,子元素的float、clear和vertical-align属性将失效 2.flex-direction 决定主轴的方向(即项目的排列方向) 属性:row|row-reverse|colum|column-reverse 3. 阅读全文
posted @ 2017-04-02 20:21 LOVEwitch 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 一、line-height行高 p{line-height:22px} 二、css padding内补白(内边距) p{padding:10px 0} 三、css margin外边距 p{margin:10px 0} 文章分段,一般使用html p标签,而对分段间距设置我们推荐使用padding和m 阅读全文
posted @ 2017-04-02 19:28 LOVEwitch 阅读(1976) 评论(0) 推荐(0) 编辑
摘要: 段落首字母放大是指放大段落开头的字母或者汉字,主要使用了css的first-letter伪类选择器。 单行放大: 在第一行内放大,效果如下: 注意:first-letter支持IE7+,first-line支持IE8+ 多行放大: 效果如下: 阅读全文
posted @ 2017-04-02 19:02 LOVEwitch 阅读(6383) 评论(0) 推荐(0) 编辑
摘要: 1.div+css制作导航下拉菜单 或使用ul、li标签 2.进度条 3.table标签 4.input输入框 5.如何让hight:100%起作用 想让一个元素的百分比高度height: 100%;起作用,你需要给这个元素的所有父元素的高度设定一个有效值 在使用height: 100%;时需要注意 阅读全文
posted @ 2017-04-02 18:40 LOVEwitch 阅读(191) 评论(0) 推荐(0) 编辑
摘要: 单列布局 水平居中 水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素) 使用inline-block 和 text-align实现 优点:兼容 阅读全文
posted @ 2017-04-02 17:57 LOVEwitch 阅读(204) 评论(0) 推荐(0) 编辑