CSS专题讲解 - 随笔分类 - 心谭小站

border-sizing属性详解和应用

摘要：> 如何理解css3中的`border-sizing`属性？介绍了一下常见用法，并且利用css3的`calc`来实现对`margin`属性的兼容。你会怎么实现下面这张图？ ![https://raw.githubusercontent.com/dongyuanxin/markdown-static/master/CSS/border-sizing%E5%B1%9E%E6%80%A7%E8%AF%A6%E8%A7%A3%E5%92%8C%E5%BA%94%E7%94%A8/1.png) 阅读全文

posted @ 2018-07-27 13:51 心谭小站阅读(708) 评论(0) 推荐(0) 编辑

详解scss的继承、占位符和混合宏

摘要：1、继承和占位符两者都是通过来引用。 1.1 继承一个已经存在的css样式类，可以被其他样式类继承。例如，实现以下css样式： scss中可以这样写，显然，这种写法便于维护和阅读！ 1.2 占位符顾名思义，如果不被引用，它是不会被编译，也就是：不会占用css文件大小。这是和继承最阅读全文

posted @ 2018-06-02 22:36 心谭小站阅读(5208) 评论(0) 推荐(1) 编辑

初识scss：配置与运行

摘要：1、和`Sass` 和其实是同一种东西，我们平时都称之为。他们都是用开发Css预处理器，已经将换成了。不同之处：文件拓展名：分别是和`scss` 缩进：严格缩进（类似python和ruby），是css的缩进样式是否兼容css语法：显然，由于缩进的不同，是兼容原生的css 阅读全文

posted @ 2018-06-02 22:36 心谭小站阅读(1472) 评论(0) 推荐(0) 编辑