在前端開發中,CSS 的代碼非常重要,因為它是用來控制網頁樣式的語言。但是,有時候我們會發現一些最白的 CSS 代碼,這些代碼雖然看起來空蕩蕩的,但是卻也有自己的用處。
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
上面這段 CSS 代碼,就是被很多開發者稱為“最白”的一段代碼,這也是最常用的一段 CSS 代碼。下面我們來逐條分析一下:
margin: 0;
將元素的外邊距全部設為 0,也就是去掉元素的外邊距。
padding: 0;
將元素的內邊距全部設為 0,也就是去掉元素的內邊距。
border: 0;
將元素的邊框全部設為 0,也就是去掉元素的邊框。
font-size: 100%;
將元素的字體大小設置為瀏覽器默認值,一般都是 16px。
font: inherit;
繼承父元素的字體樣式,包括字體大小、字體名稱、粗細等。
vertical-align: baseline;
將元素的垂直對齊方式設為基線對齊,也就是讓元素底部對齊。
這些CSS代碼雖然看起來很簡單,但是卻可以減少代碼冗余和提高瀏覽器解析速度。另外,如果一個元素的樣式不需要特別定制,可以考慮使用這些最白的 CSS 代碼來進行樣式控制。
上一篇最火的css布局
下一篇html5中表單的代碼