提问的问题2

提问的问题2

1.css与sass还有scss分别的区别在于哪里?

现在市面公司中,哪个是最常用的?

sass与scss什么情况下使用?具体如何使用?


2.另外display:inline-block与float:left有什么区别?不都可以使下面的列表项横着排列吗?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,问题解答如下:

1、是的,目前大部分用scss。

2、插件名称不是我们能够规定的,按照官方进行安装即可。

3、scss在语法上和css不同,但是属性的设置都是不变的,就是书写结构上,还有其他功能。课程开始前就已经讲解了scss基础:

http://img1.sycdn.imooc.com//climg/5df0af5209c5d1a413180392.jpg

在实战项目的资料中还有文档:

http://img1.sycdn.imooc.com//climg/5df0afbd095bc5d415190871.jpg

可以学习一下哦。祝学习愉快!

  • 看不穿繁华 提问者 #1
    好的,谢谢,老师
    2019-12-11 17:42:43
好帮手慕星星 2019-12-11 12:12:56

同学你好,问题解答如下:

1、SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。可以简单理解为scss是sass的升级版。会将scss文件编译出css文件,我们最终使用的还是css文件,scss只是预编译。使用的时候用scss就可以,虽然直接使用css写样式也可以实现效果,但是scss语法功能上比较简单,可以嵌套写等等。

vue中使用的时候需要安装sass-loader以及node-sass插件,会自动将scss语句编译成css语句,在后面项目实战中老师使用了:

http://img1.sycdn.imooc.com//climg/5df06b460978c91312650327.jpg

这里可以先了解一下,后面再学习如何使用。

2、可以看一下这两个属性使用后的区别:

(1)inline-block

http://img1.sycdn.imooc.com//climg/5df06bf409adaf6804160513.jpg

http://img1.sycdn.imooc.com//climg/5df06bff09c95b3001920054.jpg

(2)float

http://img1.sycdn.imooc.com//climg/5df06c0e0995aca604690543.jpg

http://img1.sycdn.imooc.com//climg/5df06c16096dace903020068.jpg

  • 浮动的元素脱离文档流会导致父盒子高度塌陷,所以子元素浮动之后ul没有高度,也就不会显示背景颜色

  • inline-block行内元素默认存在间隙,所以每项li之间有空白间隙,浮动元素之间没有,是紧挨着的

如果使用浮动就记得要清除浮动带来的父容器塌陷问题,如果要使用inline-block就记得要清除内容之间的间隙。


如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 看不穿繁华 #1
    1.也就是说现在咱们sass是不再使用的吧?仅仅使用scss这个东西就可以了呗? 2.那为啥安装scss的时候,指令是sass-loader以及node-sass插件,不应该是scss的吗? 3.还有一个就是scss跟css在使用上有什么不同,scss是需要怎么写?有没有讲解的?
    2019-12-11 15:18:12
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师