css
dreamerzhang66
这个作者很懒,什么都没留下…
展开
-
SS深入理解流体特性和BFC特性下多栏自适应布局
会触发BFC呢?常见的如下: · float的值不为none。overflow的值为auto,scroll或hidden。display的值为table-cell, table-caption, inline-block中的任何一个。position的值不为relative和static。BFC特性很多,而我们这里,只关心一个,和float元素做相邻兄弟时候的表现。会发现,普通流体元素B...原创 2018-05-10 17:16:16 · 159 阅读 · 0 评论 -
css之flex相关属性集合以及应用
彻底弄懂css3的flex弹性盒模型由于在日常工作中使用css或者bootstrap的栅格系统已经能很好的满足业务需求,所以一直以来对css3的弹性布局不是很感冒。近日有幸在一篇文章中领略了flex的魅力--简洁优雅。随试之。 /*容器*/ .flex{ display: flex; di...转载 2018-05-04 21:38:41 · 506 阅读 · 0 评论 -
css 图形集锦
Square#square { width: 100px; height: 100px; background: red;}Rectangle#rectangle{ width: 200px; height: 100px; background: red;}Circle#circle { width: 100px; height: 100px; ...转载 2018-05-16 18:48:52 · 168 阅读 · 0 评论 -
css继承
一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性:width、height、margin 、margin-top、margin-right、mar...转载 2018-05-16 18:50:10 · 135 阅读 · 0 评论 -
css垂直居中
第一种:inline 元素inline 元素的等内边距,上下两边的内边距相等,则中间内容居中,demo 传送门:http://codepen.io/StevenYuysy/pen/grqPvj<img src="https://pic1.zhimg.com/50/1089bd28a59bfffdb09aeaf1c3d43e8c_hd.jpg&...转载 2018-05-16 19:33:03 · 156 阅读 · 0 评论