CSS3与CSS2与CSS1有什么区别?
相信学前端的很多同学一直都有种纠结点,就是这三者之间到底什么区别,接下来小编我一一为你拨开云雾
1. css3与css2与css1有什么区别?
CSS1 提供有关字体、颜色、文本属性的基本信息
CSS2 是一套全新的样式表结构,是由W3C推行的
CSS3 是朝着模块化发展的,更多新的模块也被加入进来
简单来说就是css2有的属性css3都有,但是css3有的属性css2不一定有。 CSS3是最新的版本,效果上CSS2是比不了的,
css3可以说是css2的进阶,因为css3是在css2的基础上增加了一些新的属性。比如定义圆角、背景颜色渐变、背景图片大小控制
和定义多个背景图片等很多,这个是CSS2上没有的效果,现在新版本的浏览器基本都支持CSS3
2. scss是什么?sass又是什么?与CSS各有什么区别?
scss、sass,它们都可以称为:CSS预处理器语言。
什么是 Sass?
Sass 官网上是这样描述 Sass 的:
Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。
Sass 能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。
Sass 和 SCSS 有什么区别?
Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,
两者之间不同之处有两点:
①文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.scss”后缀为扩展名
②语法书写方式不同,Sass 是以严格的缩进式语法规则来书写,不带大括号({})和分号(;),而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。
SCSS 是 Sass 3 引入新的语法,可以理解scss是sass的一个升级版本,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。
唯一不同的是,SCSS 需要使用分号和花括号而不是换行和缩进。
比如:
//sass 太费眼了
.father
width:100px;
.son
width:50px;
//scss 适合我们这种眼瘸手残患者
.father{
width:100px;
.son{
width:50px;
}
}
感谢各位网友的观看,欢迎广大博友提出批评与指正,衷心感谢!!!