html和css积累

此文仅为平时工作学习中积累整理用。如有误，敬请矫正。

一、Html

二、CSS

2.1 基本概念

• 什么是CSS？

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

特点：丰富的样式定义、易于使用和修改、多页面应用

易于使用和修改：CSS可以将样式定义于Html元素的style属性中，也可以定义于Html文档的header部分，也可将样式声明在一个专门的CSS文件中，供Html页面使用。

多页面应用：多个Html页面可应用同一个CSS文件。

• 什么是SCSS？

SCSS是CSS的一种预处理语言，可以让我们更方便、更快速地编写CSS。

特点：SCSS允许我们使用变量、嵌套规则、Mixin（混入）和函数等功能。SCSS代码更清晰、更易维护，并且增加了更多的可读性。

2.2 常用属性

white-space	normal：默认值，空白会被合并，换行会被压缩成一个空格，文本会根据容器自动换行。 nowrap：空白会被合并，但文本不会换行。 pre：空白不会被合并，文本也不会换行。将容器中文本原样显示 pre-wrap：空白不会被合并，文本会根据容器自动换行。 pre-line：空白会被合并，但文本会根据容器自动换行。 break-spaces：空白会被保留，文本会根据容器自动换行。 inherit：从父元素继承该属性值。