随笔分类 -  CSS

摘要:介绍: flex布局,即是Flexible Box的缩写,即是“弹性布局”或者“弹性盒模型”。 flex的指定:任何一个容器都可以指定为Flex布局 anyContainer{ display:flex; } 行内元素也可以指定为flex布局:将display取值改为inline-flex,行内的弹 阅读全文
posted @ 2018-06-01 18:18 PunkMa 阅读(220) 评论(0) 推荐(0)
摘要:1,BFC的概念: Block Formatting Contexts (块级格式化上下文),他是W3C2.1规范里的一个概念。可以说BFC是一种属性,也是一块渲染区域,他决定了其子元素如何定位,以及和其他元素之间的关系和相互之间的作用。 2,BFC的形成(触发BFC) 1)body根元素 2)浮动 阅读全文
posted @ 2018-05-24 21:04 PunkMa 阅读(160) 评论(0) 推荐(0)
摘要:一侧定宽,一侧自适应的页面布局在现在用的很多,有哪些实现方式呢? (个人总结,这个要看是左定右适。还是左适右定。视情况而定) 1, 左边固定,右边自适应:通过浮动和margin取正值来实现: 这里的原理是:margin-left:给左边流出空间,来容纳左浮动的元素; 定宽的元素为#sidebar 自 阅读全文
posted @ 2018-04-05 22:15 PunkMa 阅读(344) 评论(0) 推荐(0)
摘要:终于找了一份相对较全面的CSS选择器总结:跳:http://www.cnblogs.com/AllenChou/p/4684753.html 个人总结了一份大概概览 基础选择器: *,元素,类,ID 层次选择器: 后代a b / 子代a>b / 相邻兄弟a+b / 通用兄弟 a~b 伪类选择器: 1 阅读全文
posted @ 2018-04-05 19:33 PunkMa 阅读(141) 评论(0) 推荐(0)