這里存在的問題是出現(xiàn)了很多的重復(fù)的邊，會導(dǎo)致視覺上不協(xié)調(diào)的情況，那么我們可以通過設(shè)置border-collapse:collapse來進(jìn)行處理:
注釋格式優(yōu)化
CSS雖然談不上一門編程語言但是其仍然需要添加注釋以保障整體代碼的可讀性，只要添加些簡單的注釋不僅可以方便你更好地組織整個樣式表還能夠讓你的同事或者未來的自己更好地理解。對于CSS中整塊的注釋或者使用在Media-Query中的注釋，建議是使用如下形式：
CSS12345/*--------------- #Header---------------*/header {}header nav {}/*--------------- #Slideshow---------------*/.slideshow {}而設(shè)計(jì)的細(xì)節(jié)說明或者一些不重要的組件可以用如下單行注釋的方式:
CSS1234/* Footer Buttons */.footer button {} .footer button:hover {}同時，不要忘了CSS中是沒有//這種注釋方式的:
使用Kebab-case命名變量
對于樣式類名或者ID名的命名都需要在多個單詞之間添加-符號，CSS本身是大小寫不敏感的因此你是用不了camelCase的，另一方面，很久之前也不支持下劃線，所以現(xiàn)在的默認(rèn)的命名方式就是使用-: