CSS應用的小問題總結

1.兩個元素換行書寫時，在實際的佈局中展現爲兩個元素之間多了一個區間（這個區間一般是由於代碼在換行時，解析會自動默認爲一個空格字符），因此在實際應用時，若是想要將兩個元素徹底無縫隙的放置在一塊兒並排顯示時，應該注意使用浮動和定位，或者能夠經過設置父級元素的font-size:0;的方法；

2.使用絕對定位或者固定定位時，會使元素脫離文檔流，此時元素會在文檔層的上方顯示，可能致使其餘元素被擋在下方，不能正常顯示出來。此時就須要設置z-index來解決將脫離文檔流的元素設置層級，以達到顯示效果；

3.不少時候，對於要顯示外框線的元素，咱們都會下意識的去設置它的邊框border的屬性值。雖然這樣作是對的，可是在固定了大小的容器中，而要顯示的元素的大小剛恰好，那麼此時就須要設置outline來替代border。（outline只能四個邊同時設置，而border能夠分別設置單邊的屬性，使用時應該根據需求來設置）。