摘要: 每一门技术的出现都是为了解决现存的问题,同样的,Less 的出现是为了解决 CSS 中过于呆板的写法。Less 官方文档 中对 Less 的使用有详细的介绍,总结一下为:Less = 变量 + 混合 + 函数。如果你对 js 和 css 有所了解,那么就可以很快的掌握并在你的项目中使用 Less。 阅读全文
posted @ 2018-12-09 11:43 门罗的魔术师 阅读(239) 评论(0) 推荐(0) 编辑
摘要: CSS的主要目的是给HTML元素添加样式,然而,在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上,CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,这就是伪元素。 如果你一直关注我们的教程,你一定听说过这个概念。 事实上,确实有一些CSS选择器被归类为伪元素,例如::first-l 阅读全文
posted @ 2018-12-09 11:17 门罗的魔术师 阅读(527) 评论(0) 推荐(0) 编辑
摘要: 在布置文档时,浏览器的渲染引擎根据标准CSS基本框模型将每个元素表示为矩形框。CSS确定这些框的大小,位置和属性(颜色,背景,边框大小等)。 每个框由四个部分(或区域)组成,由它们各自的边界定义:内容边缘,填充边缘,边界边缘和边缘边缘。 由内容边缘限定的内容区域包含元素的“真实”内容,例如文本,图像 阅读全文
posted @ 2018-12-09 11:05 门罗的魔术师 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 1.box-sizing 阅读全文
posted @ 2018-12-09 10:59 门罗的魔术师 阅读(69) 评论(0) 推荐(0) 编辑
摘要: box-sizing 属性用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行为。 在CSS中,你设置一个元素的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ,绘制 阅读全文
posted @ 2018-12-09 10:58 门罗的魔术师 阅读(269) 评论(0) 推荐(0) 编辑