三种CSS 全局Reset 方案
来源:互联网 发布:js点击div之外的事件 编辑:程序博客网 时间:2024/06/17 12:39
方案1
html, body, div, span,applet, object, iframe, table, caption,
tbody, tfoot, thead, tr,th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small,strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6,p, blockquote, pre, a, abbr,
acronym, address, big,cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label,legend {
vertical-align: baselinebaseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
:focus {
outline: 0;
}
body {
background: white;
line-height: 1;
color: black;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before,blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
方案2:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
方案3
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code
, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
outline:none;
}
html{
height:101%;/* 总是显示滚动条 */
}
body{
font-size:62.5%;
line-height:1;
font-family:Arial, Tahoma, Verdana, sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
display:block;
}
img{
border:0;
max-width:100%;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
ol, ul{
list-style:none;
}
blockquote, q{
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after{
content:"";
content:none;
}
strong{
font-weight:bold;
}
input{
outline:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}
其他的样式模块可以这样划分:
包中有一个base.css(基本共用样式)module.css(模块样式)forms.css (表单样式)mend.css(补丁样式)print.css(打印样式)
- 三种CSS 全局Reset 方案
- 三种CSS 全局Reset 方案
- Reset Css
- CSS-Reset
- CSS RESET
- reset.css
- reset.css
- CSS Reset
- CSS RESET
- CSS RESET
- reset.css
- CSS Reset
- css reset
- css reset
- css reset
- CSS reset
- reset.css
- Css Reset
- 第十四周项目1---验证算法(3)
- 11周 项目5
- oracle:sql语言模糊查询--通配符like的使用教程
- 软件测试中常用的几种模型
- 金海佳学C++primer 练习9.18/9.19
- 三种CSS 全局Reset 方案
- ALTERA DDRII IP核使用
- python 调用 xgboost 环境配置流程
- assert()函数用法总结
- 移动端截屏插件
- 一次尴尬的面试经历
- 第十一周-项目4-4-应用图的深度优先遍历思路求解问题
- 回溯法:如何看遍人生的种种可能?
- 【python】只对文件open,不close的后果