bootstrap中css和less怎么配合使用

html-css010

bootstrap中css和less怎么配合使用,第1张

Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。

LESS 为 Web 开发者带来了福音,它在 CSS 的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了 CSS 的编写,并且降低了 CSS 的维护成本,就像它的名称所说的那样,LESS 可以让我们用更少的代码做更多的事情

“大大简化了 CSS 的编写,并且降低了 CSS 的维护成本,就像它的名称所说的那样,LESS 可以让我们用更少的代码做更多的事情”

把CSS文件的代码直接C到Less文件里,一样可以用,Less编译之后成为了css文件,一般快速开发我都是用Less开发,然后编译Css文件。

可以的,在选择器方面,less和css的用法是一样的,组选择器,

后代选择器

,伪

类选择器

等等这些都是可以的。只是在某一些特殊情况,css能做的less就做不好而已,所以如果是

小项

目的话,还是用css好,不用经过less预处理了;大型项目用less就是不错的选择,便于维护。

优点:

开发速度提升;

代码优化效率提高(对开发者而言);

代码更通俗易懂(对开发者而言);

维护简单便捷;

代码更干净,优美;

功能更多更强,CSS做出JS的特效(其实就是JS);

缺点:

舍弃用户体验来提高开发的效率,可以查考Bootstrap的缺点;

舍弃网页打开速度换取开发效率提升;

需要一个学习的过程,用之不当反而弄巧反拙;

总而言之,LESS/SASS缺点就是需要多一个编译器来重新编译一次你的CSS代码,也就是给浏览器多了一道工序,网页显示的速度会减慢(网页显示顺序,从上至下,一般CSS放在头部,先HTML DOM元素-->CSS-->脚本文件-->页面元素如图片,视频,音频--->最后完全显示)