CSS
4篇文章 · 0订阅
  • 给你一份详细的CSS布局指南，请查收
    在我们前端开发过程中，写css（包括sass, less, stylus这样的预处理器）进行设计稿的样式还原是一项重要的工作，而其中，关于页面布局的部分，又是书写样式代码时候的重点和难点，这篇文章就尽可能的去总结常见的一些页面布局实现方案(并不是全部，布局实现方法太多了)，希望…
    CSS
  • css经典布局系列二——等分等高布局
    此方法不会存在 IE 6 中3像素的 BUG，但 .left 不可选择， 需要设置 .left {position: relative} 来提高层级。 注意此方法增加了不必要的 HTML 文本结构。 相当于right也开启了bfc，就不会被left的浮动影响到。 设置 over…
    CSS
  • css经典布局系列一——垂直居中布局
    将父元素的width和height设置的和子元素的大小一样，然后设置父元素parent的padding。此时padding会将子元素挤进父元素的中间位置； 绝对定位盒子模型有个特点：left+right+width+padding+margin=包含块的宽度；所以此时可以将le…
    CSS
  • 《CSS世界》中提到的实用技巧
    以下技巧的具体原理和解释请支持张老师的《CSS世界》，在这里不做展开。 一部分没录入的技巧原因是部分属性将被标准废弃，如：clip。还有一部分是因为个人觉得兼容性不好，而且CSS3的一些特性可以弥补，比如text-align:justify;，完全可以用flex布局实现。 应网…
    CSS