HTML and CSS
文章平均质量分 77
muxin_hgk
这个作者很懒,什么都没留下…
展开
-
理解BFC
学习的一篇关于讲解BFC的文章,原文请看:http://blog.csdn.net/riddle1981/article/details/52126522。一、什么是BFC BFC(block formatting context):简单来说,BFC 就是一种属性,这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。 中文常译为块级格式化上下文。是 W3C CSS 2.1 规范中的一个概念,...转载 2018-02-11 20:12:59 · 182 阅读 · 0 评论 -
学习总结:常见的三栏布局实现
三栏布局,在开发过程中十分常见。一般说的三栏布局就是两边固定,中间自适应的一种布局。实现方法也是多种多样。今天学习总结了一下三栏布局的一些实现的方式,做了一些代码的收录。一、流体布局 .left { float: left; height: 200px; width: 100px; background-color: red; }转载 2018-02-06 23:53:01 · 344 阅读 · 0 评论 -
Z-index的学习笔记
原文转载自:https://www.cnblogs.com/benbendu/p/5811534.html一、z-index基础知识1.z-index的含义 z-index属性指定了元素及其子元素的【z顺序】,而【z顺序】可以决定当元素发生覆盖的时候,哪个元素在上面。通常一个较大的z-index值的元素会覆盖较低的那一个。2.属性值 z-index:auto; 默认值 z-index:<in...转载 2018-03-15 16:01:57 · 325 阅读 · 0 评论 -
Flex布局学习笔记
Flex 是Flexible Box 的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。行内元素也可以使用 Flex 布局。Webkit 内核的浏览器,必须加上-webkit前缀。注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。display:flex/inline-flex/...原创 2018-03-04 23:24:14 · 203 阅读 · 0 评论