CSS 基本概念

518 阅读1分钟

css

层叠样式表,是一种样式表语言,用来描述HTML或XML文档的呈现

css层叠样式:

样式层叠:多次对同一个选择器进行样式说明
选择器层叠:可以用不同的选择器对同一个元素进行样式说明
文件层叠: 可以用多个文件进行层叠

css 语法1:

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

加注释/*注释*/

注意事项:

所有的符号都是英文,写错了浏览器会警告
区分大小写,A和a不相同
没有//的注释,只有/*注释*/
最后一行属性可以不加分号,不建议不加,都加,省的忘记
任何错误,浏览器不报错,只警告

css 语法2:

@charset "UTF-8";
@import url (2.css);
@media (min-width : 100px) and (max-width : 200px){ }

注意事项:

@charset 必须放第一行
前2个@charset 必须分号结尾
charset是字符集的意思

调试css代码:

Border 调试法
怀疑某个元素有问题,给这个元素加border
没出现border,证明选择器错了或者语法错了
border出现了,看边界是否符合预期
bug解决了才能删掉border

详细资料点击:CSS层叠样式表