css基本概念（语法和border调试法）

wloe2gf

css（层叠样式表）：日前运用最广泛的版本为css2.1版本。

层叠样式表：样式层叠，选取器层叠，文件层叠（使css更加灵活）

css语法：

语法1

选取器{ 属性名;属性值; /* 注释 */ }

重视点：

所有的符号都应该是英文的。必定要严格的区分体积写。任何问题写错了，都不会报错。（调试大法，常用的有border调试法。）

语法2 at语法

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

重视点：

charest "UTF-8";声明字符编码。必要放在第1行import url (2.css) 告诉css引用一个外边样式第三句为媒介查找。两个@之间必定要用;隔离。

语法调试

W3c css validator （不意见运用）vscode 颜色提醒webstorm 颜色提醒（可靠）运用研发者工具border调试大法

border调试大法

过程：

可疑哪一个元素有问题就给这个元素加border。

border效果未显现，则暗示这个选取器或语法有错误。

border显现，则确认边界是不是符合预期。

代码以及展示模式：

图1：错误的代码

图2：border调试大法测试选取器是不是错误，显现则选取器没错。

图3：border调试法测试字体颜色未显现，则表率字体颜色显现错误。

图4：调试成功