学习笔记来自于B站博主:遇到狂神说
前端三要素
-
HTML(结构):超文本标记语言(Htper Text Markup Language),确定网页结构和内容
-
CSS(表现):层叠样式表(Cascadiong Style Sheets),设定网页的表现样式
-
JavaScript(行为):是一种弱类型脚本语言,其源代码不需要编译,而是由浏览器解析运行,用于控制网页行为
结构层(HTML)
都是一些简单的标签,略
表现层(CSS)
CSS是一门标记语言,并不是编程语言,因此不可以自定义变量,不可以引用等,换句话说是不具备任何语言支持,它的主要缺陷如下:
-
语法不够强大,比如无法嵌套书写,导致模块化开发中需要书写很多重复的选择器;
-
没有变量和合理的样式复用机制,使得逻辑上相关的属性值必须以字面量的形式重复输出,导致难以维护;
这就导致我们在工作中增加了许多工作量,比如到节假日想要给网站换个样式就得一个一个的改,为了解决这个问题,前端开发人员会使用CSS预处理器的工具,提供CSS缺失的样式复用机制,减少冗余代码,提高样式代码维护性。
什么是CSS预处理器
CSS 预处理器提供了一种新的语言,其基本思想是,用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进