CSS/CSS3
Encoreeeee
这个作者很懒,什么都没留下…
展开
-
display:inline-block和元素水平居中的关系
一般情况下, 如果我们要使一个div在父元素中水平居中显示, 我们会给它设置一个宽度, 然后设置margin: 0 auto; 但这个属性只有在div的display为block或者默认情况下才会有效果. 但是在某些必需的情况下, 我们给div设置了display为inline-block的情况下, 发现使用margin来让其居中这个方法行不通. 那么此时解决的方法就是: 给该元素的父元素添加样式原创 2017-01-30 10:49:38 · 14418 阅读 · 0 评论 -
CSS z-index 属性的使用方法和层级树的概念
转载自:MG12's Blog - Just Another WordPress Blog原文地址:http://www.neoease.com/css-z-index-property-and-layering-tree/CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认转载 2017-01-30 11:05:58 · 267 阅读 · 0 评论 -
一道关于给DIV按比例分配宽度的面试题
之前参加某公司的笔试的时候有这么一道题, 要求用CSS3的方式实现下列布局:可以看得出来这里没有标明任何的宽度是多少, 但有一个值得注意的地方是蓝色块的宽度很明显是红色块宽度的两倍.当时做这个题是还没有学习CSS3, 所以并不知道怎么做. 而经过最近的学习之后, 了解到了其实可以使用CSS3中的弹性伸缩布局来做, 具体的做法是:(1) 结构:(2原创 2017-01-30 11:12:58 · 1051 阅读 · 1 评论 -
网页重构应该避免的10大 CSS 糟糕用法
原文地址罗磊的独立博客:「网页重构应该避免的10大 CSS 糟糕用法」对于网页重构来说,CSS禅意花园 是网页布局从 table 表格转到了 html +css 的标志 。这些年来,随着我们的网站越来越复杂:html5,css3,新的技术、新的属性,越来越多的开发者开始思考和尝试提高他们的 CSS 技能。那么我们从哪里着手呢?对于网页重构工作来说,我们应该养成什么样的开发习转载 2017-01-30 11:25:45 · 689 阅读 · 0 评论 -
CSS布局 -- 圣杯布局 & 双飞翼布局
圣杯布局和双飞翼布局解决的问题是一样的,就是两边定宽,中间自适应的三栏布局,中间栏要放在文档流前面以优先渲染。但是圣杯布局和双飞翼布局在实现方式上有一点差别。【圣杯布局】在这里,实现了左(200px) 右(220px) 宽度固定,中间自适应,container部分高度保持一致。DEMO稍微说明一下:html代码中 middle部分首先要放在转载 2017-05-28 21:25:22 · 287 阅读 · 0 评论 -
CSS Sticky Footer
CSS的简单在于它易学,CSS的困难在于寻找更好的解决方案。在CSS的世界里,似乎没有完美这种说法。所以,现在介绍的CSS绝对底部,只是目前个人见过的方案中比较完美的吧。先说我们为什么会使用到这个CSS底部布局解决方案:当做一个页面时,如果页面内容很少,不足于填充一屏的窗口区域,按普通的布局,就会出现下面图片中的样子(也就是底部内容并没有位于窗口的底部,而留下了大量空白。对于追未完美的设计师来说,这转载 2017-06-29 15:50:48 · 357 阅读 · 0 评论 -
前端精选文摘:BFC 神奇背后的原理
转载自: 作者: 梦想天空 原文链接: http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.htmlBFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC转载 2017-09-01 16:43:40 · 352 阅读 · 0 评论