北京沣登科技发展公司

css手写,

大家好,今天小编关注到一个比较意思的话题,就是关于css手写问题,于是小编就整理了1个相关介绍CSS手写的解答,让我们一起看看吧。

  1. PostCSS能做什么,对于手写css的优势在哪?

PostCSS能做什么,对于手写css的优势在哪?

CSS作为最基本前端技术,很多人觉得它很简单,的确,CSS入门只要一两天即可,但想精通CSS其实也非易事。再加上前端技术的突飞猛进,也出现了很多新的技术及术语,比如PostCSS应该很多人没有听说过。

那PostCSS是什么呢?它和CSS有什么区别呢?

css手写,div>
图片来源网络,侵删)

CSS用来美化页面语法很简单。但是CSS属性众多,再加上现在市面上的浏览器也较多,<span style="font-weight: bold;">相同CSS代码不同浏览器下的渲染也是存在差异的,同个CSS属性在有些浏览器下能用有些就不能用。

为了保证同个页面在不同浏览器下的表现一致,我们往往要写很多***代码去实现兼容性,这也是CSS Hack技术。如果我们要自己手写CSS代码,想实现最大化样式兼容,很费时费力。

PostCSS和CSS有着本质上的区别,简单说,PostCSS是一个用JS工具插件转换CSS代码的工具,可以把它理解为一个平台,我们用PostCSS提供的专用语法可以写出更专业规范的CSS代码来。

css手写,
(图片来源网络,侵删)

用PostCSS写代码比我们传统手写CSS代码有着太多的优势,主要表现在:

1、PostCSS提供的插件会帮我们做好CSS兼容处理

特别是现在的CSS3,不同浏览器对于属性的写法是不同的,而PostCSS能自动帮我们给CSS加上浏览器前缀

css手写,
(图片来源网络,侵删)

2、PostCSS的代码检查工具可帮我们避免CSS中的错误

PostCSS提供了代码检查工具,在编写时就能及时发现错误。

建议到***去看一下,有充分的解释。和手写CSS相比,主要优势很简单:写出更短,更标准、更易维护的代码。然而,和SCSS,LESS等预处理器也是有区别的,PostCSS可称之为CSS的处理器。"预处理":说明使用编码来处理CSS,然后编译成线上需要使用的CSS。"处理":说明是处理你写好的CSS,让你的CSS更健康。两个过程正好相反。可以通过下面这张图来理解一下:上图也告诉我们,在这个过程中有很多插件。这些插件就是PostCSS的插件,而且这些插件都是使用JavaScript写的。言外之意,你可以使用JavaScript基于PostCSS核心的Core上编写任何你想要的一款功能的插件。也因为这个原因,PostCSS的插件生态圈非常的强大,最常见的就是autoprefixer、cssnext之类的。当然还有其他的,这也是PostCSS能在社区迅速发展状大的原因之一。

到此,以上就是小编对于css手写的问题就介绍到这了,希望介绍关于css手写的1点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/71917.html

分享:
扫描分享到社交APP