作为一名小白,在第一次打开完整网站项目的CSS样式时会被眼花缭乱的标签,花括号,冒号等等搞得头晕目眩。
其实,将这些行行段段只要稍加分割,样式自然就一目了然。
在应用CSS之前,大佬们总会做的一件事,就是将样式初始化,保证其兼容性。
例如:
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baselinebaseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
这一段就是非常典型的样式初始化代码,
小白们以后再面对样式要应该知道如何下手啦!
William_Ling