您的位置:首页 > Web前端 > CSS

小白成长之路(1)--应用CSS之前的必须看懂的代码

2017-10-09 12:51 211 查看
作为一名小白,在第一次打开完整网站项目的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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐