CSS应用的小问题总结

1.两个元素换行书写时，在实际的布局中展现为两个元素之间多了一个区间（这个区间一般是由于代码在换行时，解析会自动默认为一个空格字符），因此在实际应用时，若是想要将两个元素彻底无缝隙的放置在一块儿并排显示时，应该注意使用浮动和定位，或者能够经过设置父级元素的font-size:0;的方法；

2.使用绝对定位或者固定定位时，会使元素脱离文档流，此时元素会在文档层的上方显示，可能致使其余元素被挡在下方，不能正常显示出来。此时就须要设置z-index来解决将脱离文档流的元素设置层级，以达到显示效果；

3.不少时候，对于要显示外框线的元素，咱们都会下意识的去设置它的边框border的属性值。虽然这样作是对的，可是在固定了大小的容器中，而要显示的元素的大小刚恰好，那么此时就须要设置outline来替代border。（outline只能四个边同时设置，而border能够分别设置单边的属性，使用时应该根据需求来设置）。