CSS/CSS3
鸡毛上天
这个作者很懒,什么都没留下…
展开
-
CSS布局解决方案——居中布局(垂直居中)
方案一:使用table-cell+vertical-align方案二:使用absolute+transform方案三:使用flex+align-items原创 2018-04-22 17:05:04 · 164 阅读 · 0 评论 -
CSS布局解决方案——居中布局(水平居中)
方案一:使用inline-block+text-align(1)原理:先将子框由块级元素改变为行内块元素,在通过设置行内块元素居中以达到水平居中。(2)用法:对子框设置display:inline-block;对父框设置text-align:center;(3)示例:(4)优点:兼容性好,甚至可以兼容IE6,IE7(5)缺点:child里的文字也会水平居中,可以在.child添加text-alig...原创 2018-04-21 17:40:23 · 678 阅读 · 0 评论 -
CSS布局解决方案——全屏布局
方案一:使用position方案二:flex原创 2018-04-22 18:07:11 · 192 阅读 · 0 评论 -
CSS布局解决方案——等分布局(定宽+自适应+两块高度一样高)
方案一:使用float方案二:使用table方案三:使用flex方案四:使用display原创 2018-04-22 17:43:46 · 2117 阅读 · 0 评论 -
CSS布局解决方案——等分布局
方案一:使用float方案二:使用table方案三:使用flex原创 2018-04-22 17:38:29 · 291 阅读 · 0 评论 -
CSS布局解决方案——多列布局(不定款+自适应)
方案一:使用float+overflow方案二:使用table方案三:使用flex原创 2018-04-22 17:28:15 · 1137 阅读 · 0 评论 -
CSS布局解决方案——多列布局 (①两列定宽+一列自适应②两列不定宽+一列自适应)
方案一:两列定宽+一列自适应方案二:两列不定宽+一列自适应原创 2018-04-22 17:23:20 · 333 阅读 · 0 评论 -
CSS布局解决方案——多列布局(定宽+自适应)
方案一:使用float+overflow方案二:float+margin方案三:float+margin(改良版)方案四:使用table方案五:flex原创 2018-04-22 17:19:52 · 279 阅读 · 0 评论 -
CSS布局解决方案——居中布局(水平垂直居中)
方案一:使用absolute+transform方案二:使用inline-block+text-align+table-cell+vertical-align方案三:使用flex+justify-content+align-items原创 2018-04-22 17:12:27 · 159 阅读 · 0 评论 -
CSS在工程中改变
一:面向对象的CSS1、OO CSS将页面可重用元素抽象成一个类、用class加以描述,而与其他对应的HTML既可看成是此类的一个实例。2、OO CSS的作用:加强代码复用以便方便维护;减小CSS体积;提升渲染效率;组件库思想,栅格布局可共用,减少选择器。3、OO CSS的注意事项:①不要直接定义子节点,应把共性声明放到父类。②结构和皮肤相分离;③容器和内容相分离;④抽象出可重用的元素,建好组件库...原创 2018-05-15 15:11:33 · 157 阅读 · 0 评论