CSS
zc的救赎
这个作者很懒,什么都没留下…
展开
-
position,display,float,overflow,margin,padding之间的相互影响
1、元素分为块级元素和行内元素,块级元素可以设置宽高,会自动换行,并且会发生相邻margin的合并问题。行内元素设置宽和高无效,以水平方向排列,(行内元素,绝对定位,浮动元素不会发生外边距合并)并且垂直方向的margin和padding都是无效的。2、displaydisplay可以取值为none,inline,inline-block,block,inherit以及table相关的属转载 2017-06-05 11:49:18 · 1526 阅读 · 0 评论 -
containing block和BFC
1、BoxBox 是 CSS 布局的对象和基本单位,元素的类型和 display 属性,决定了这个 Box 的类型。比较常见的有:block-level box:display 属性为 block, list-item, table 的元素,会生成 block-level box。并且参与 block fomatting context;inline-level box:d转载 2017-06-05 14:36:46 · 551 阅读 · 0 评论 -
CSS选择器汇总
id选择器 #id类选择器 .class标签选择器 div, h1, p相邻选择器 h1 + p子选择器 ul > li后代选择器 li a通配符选择器 *属性选择器 a[rel='external']伪类选择器 a:hover, li:nth-child转载 2017-06-02 18:07:54 · 201 阅读 · 0 评论 -
隐藏元素的八种方法
visibility: hidden; 这个属性只是简单的隐藏某个元素,但是元素占用的空间任然存在opacity: 0; CSS3属性,设置0可以使一个元素完全透明position: absolute; 设置一个很大的 left 负值定位,使元素定位在可见区域之外display: none; 元素会变得不可见,并且不会再占用文档的空间。transform: scale(0); 将一个元素设置为缩放转载 2017-06-02 18:10:43 · 4353 阅读 · 0 评论 -
CSS Flexible Box Layout
本篇文章翻译自w3c权威技术报告,内容详尽,包括了网络上很多没有的细节问题,适合css高级进阶。原创 2019-06-29 19:37:07 · 535 阅读 · 0 评论