您现在的位置是:网站首页> 编程资料编程资料
CSS样式重置代码css reset样式重置介绍 重置css样式工具分享全局CSS的设置(基础样式重置)CSS样式重置和清除(让不同浏览器显示效果一致)CSS重置(CSS Reset) 让网页样式在各浏览器中表现一致css reset 重置样式介绍让样式表CSS代码更加专业规范编写适合所有项目的通用的reset.css
2021-09-06
1178人已围观
简介 这篇文章主要介绍了CSS样式重置代码,一般保存为reset.css修改了默认的css设置,方便布局与提高浏览器兼容性
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
相关内容
- css的pointer鼠标类型详解(支持IE,firefox,chrome)CSS的pointer-events属性详细介绍(作用和注意事项)css pointer-events属性实现下面元素可点击
- Ztree在低版本浏览器下显示错行问题的解决方法浅谈原生页面兼容IE9问题的解决方案新版chrome浏览器设置允许跨域的实现css hack之\9和\0就可能对hack IE11\IE9\IE8无效css区分ie8/ie9/ie10/ie11 chrome firefox的代码解决CSS浏览器兼容性问题的4种方案常见的浏览器兼容性问题(小结)border-radius IE8兼容处理的方法浅谈遇到的几个浏览器兼容性问题base64图片在各种浏览器的兼容性处理 对常见的css属性进行浏览器兼容性总结(推荐)
- css实现文字图片垂直居中效果设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法
- 纯CSS3实现滚动的齿轮动画效果纯CSS3实现齿轮加载动画适合做加载Loading纯CSS3实现3D波浪形动画有波浪起伏的效果纯CSS3实现的3D开机按钮附有阴影以及光泽纯CSS3绘制的蚱蜢动画还会眨眼非常酷纯css3样式属性制作各种图形图标样式代码纯CSS3实现页面加载后启动蝙蝠侠变身动画
- 绝对定位的元素在ie6下不显示隐藏了的有效解决方法绝对定位元素被遮挡的解决方法CSS绝对定位元素left设为50%实现水平居中IE7中绝对定位元素之间的遮盖问题示例探讨将一个绝对定位的div水平垂直居中对齐css教程之绝对定位使用详解有关绝对定位的全面理解
- CSS背景色渐变写法兼容ie6至ie9css 各浏览器下的背景色渐变【代码】css3 给背景设置渐变色的方法
- web中自定义鼠标样式将其显示为左右箭头CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
- 浅析几个CSS3常用功能的写法纯CSS3实现3D波浪形动画有波浪起伏的效果一款简易的CSS3扁平化风格联系表单有创意非常特别的10款CSS3进度条Loading动画很有特色的CSS3小球浮动按钮与普通按钮有所不同纯CSS3绘制的蚱蜢动画还会眨眼非常酷纯css3样式属性制作各种图形图标样式代码纯CSS3实现页面加载后启动蝙蝠侠变身动画css3 自定义字体font-face使用介绍基于css3实现的鼠标悬停中英文切换导航菜单纯CSS3实现圆角效果(含IE兼容解决方法)
- 子Div使用Float后撑开父Div的几种方法设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法
- CSS清除浮动大全共8种方法CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题