2-1 CSS前言

CSS基础知识

CSS厉害之处:层叠样式表

1 层叠指什么？
可以不停的对已经有的样式进行覆盖

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

2 CSS的版本
目前世界上使用最广泛的CSS版本：CSS2.1

3 如何知道哪些浏览器支持哪些特性
使用网站：caniuse

体系化学习CSS

1.语法

• 语法一：样式语法

选择器{
属性名： 属性值；
/*注释内容*/
}
p{
color: red;/*颜色*/
}

• 语法二：at语法（只有三个语句）
  前面两个at必须要加分号
  charset是字符集的意思，UTF-8是字符编码
  charset "UTF-8"是指定的文件编码，而不是字符集。

@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（CSS小技巧网站）
• 张鑫旭博客