一、谷歌调试工具和PxCook工具的使用
1、要能熟练的使用谷歌调试工具进行调试错误,进入调试的方法:在浏览器界面额空白位置右键选择检查或者按F12快捷键。鼠标单击标签,对应生效的CSS效果都会在右侧显示出来,那么错误的情况有两种:一是出现删除线,代表被层叠掉了或者是注释内容;二是出现黄色三角形感叹号,代表语法出现错误。
2、PxCook是辅助盒子模型的像素大厨工具,设计里可以测量项目的各部分尺寸和颜色,开发里可以看到代码。
二、复合选择器
1.复合选择器:语法(父级选择器 后代选择器)以空格隔开;子代选择器(父级选择器>子代选择器)。其中后代可以是多代(可以选中子级a和孙级a),子代只能是父子级关系(只能选择子级a)。
2.并集选择器:语法(选择器1,选择器2,选择器3)以逗号隔开,给不同的标签设置相同的样式。
3.交集选择器:语法(选择器1选择器2)挨着写,选中同时满足多个选择器的标签(既又原则)。