小白成长之路(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
其实,将这些行行段段只要稍加分割,样式自然就一目了然。
在应用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
相关文章推荐
- 在写一个iOS应用之前必须做的7件事(附相关资源)
- 网页天幕代码!从css、html到js的完美实现(自执行函数加原型的完美应用)!!
- 在写一个iOS应用之前必须做的7件事(附相关资源)
- 在写一个iOS应用之前必须做的7件事(附相关资源),优秀实践,供参考
- 网页前端代码存档 - 【第二期】纯css图片自适应大小且水平垂直居中的应用
- 开发一个优秀的Android应用你必须要加入的代码及配置
- CSS完成一个带跳转功能的导航栏页面(修改之前代码出现乱码的情况)
- iOS 【在写一个iOS应用之前必须做的7件事】
- 使用jQuery Mobile之前必须先在代码中引用三行代码
- 在写一个iOS应用之前必须做的7件事(附相关资源)
- CSS规则层叠的应用 css必须要注意的几点
- 编写一个iOS应用之前必须做的7件事(附相关资源)
- CSS布局--transform应用(矩形旋转、缩放、倾斜、滚动、3D转换)代码
- 【转】在写一个iOS应用之前必须做的7件事(附相关资源)
- CSS规则层叠的应用 css必须要注意的几点
- .“在JAVA中,异常子类必须在它们任何父类之前使用,因为运用父类的catch语句将捕获该类型及其所有子类类型的异常。这样,后面运行子类的catch语句将永远不会到达。而且,Java中不能到达的代码是一个错误。”
- 在写一个iOS应用之前必须做的7件事
- 在新浪微博做了个压缩 js 代码和 css的应用
- CSS的blendtransp 淡入淡出应用代码
- 在看官方的例子时候由一个grid实例,在每一行之前有个加号,展开可以显示内容,在实际应用中还是非常有用的,照搬例子的代码,发现老是提示对象不存在,查阅资料后发现是没有加载插件,这里和大家分享下Ext.grid.RowExpander插件的使用,