碎片3

1、元素的边框，border划分的时候，实际上上下左右是四个梯形，所以通过设定上下左右的颜色、厚度等可以营造出对角线、三角形等图形。但是这样做的话，如果是容器元素，该元素的子元素就会被排挤定位到错乱的位置，为了使子元素恢复原来的位置，可使用【相对-绝对定位】。

 

2、元素的样式和js的事件回路一样，是层层深入并继承的，因此可以同时给父子元素定义不同的样式，同时触发的时候会显示不同的样式，如hover。

 

3、多级hover，在编写样式的时候，可以写多个hover以表明层级，通过这种方式追踪到hover时候最终的元素节点。