美文网首页
CSS布局、居中和样式重置

CSS布局、居中和样式重置

作者: 原上的小木屋 | 来源:发表于2019-03-02 16:05 被阅读0次

    css reset 是什么?css 预编译器是什么? 后编译器(post css)是什么?

    • css reset 即重置浏览器标签的样式表
    1. 现在所使用的主流浏览器对一些标签的默认属性上并没有做到统一,所以我们偶尔会发现,某个页面在chrome浏览器上很正常,到了firefox上面却有意想不到的偏差。当然编程人员不喜欢这样的兼容性问题的,而reset.css就是解决默认样式不兼容问题的办法之一。
    2. 最简单的css reset
      *{ padding:0; margin:0; }
    • css 预编译器
    1. CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。
    2. CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题”,例如你可以在 CSS 中使用变量、简单的逻辑程序、函数(如右侧代码编辑器中就使用了变量$color)等等在编程语言中的一些基本特性,可以让你的 CSS 更加简洁、适应性更强、可读性更佳,更易于代码的维护等诸多好处。
    3. 目前主流的预处理器里最常用的三种有:Sass,Less ,Stylus 。
    • 后编译器(post css)
    1. PostCSS是一个使用JavaScript插件来转换CSS的工具。它将CSS转换成抽象语法树(AST),也就是JavaScript可以操作的一种数据形式。基于JavaScript的PostCSS插件可以执行不同的代码操作。PostCSS本身并没有改变你的CSS,它请允许插件执行和转换你的代码。
    2. 实际上,对于CSS的操作,PostCSS插件并没有任何限制。只要你有想得到的,你都可以写一个PostCSS插件来实现。

    关于水平和垂直居中的几个小demo

    相关文章

      网友评论

          本文标题:CSS布局、居中和样式重置

          本文链接:https://www.haomeiwen.com/subject/spzekqtx.html