本文共 462 字，大约阅读时间需要 1 分钟。

CSS基础知识

CSS的强大之处在于它的层叠机制

1.什么是层叠？

层叠是指可以不断覆盖现有的样式表层次的机制

层叠包括以下几个方面：

• 样式层叠
• 选择器层叠
• 文件层叠

2 CSS的版本

目前最广泛使用的CSS版本是CSS2.1

3 检查浏览器支持的方法

可以通过网站canise查看

体系化学习CSS

1 语法

1.1 样式语法

选择器{属性名：属性值;}

例如：

p{color: red;}

1.2 @语法（仅有三个语句）

前两个@必须用分号分隔

@charset "UTF-8";声明字符编码

@import url(2.css);导入额外的CSS文件

@media (min-width: 100px) and (max-width: 200px){适配不同的设备屏幕}

2 调试方法

可以使用border调试法

p{border:1px solid red;color: red;background: black;}

3 资料查询

推荐学习网站：

• MDN（如：flex MDN）
• CSS tricks
• 张鑫旭博客

转载地址：http://nfvi.baihongyu.com/