常用CSS标签属性重置

在做网页制作时经常因浏览器兼容不好而烦恼，我们经常会遇到布局错位等常见问题，HTML+CSS 布局起着一个重要的决定性作用，它是提高页面浏览器兼容性的第一步。也就是接下来要介绍的标签重置。

先简单介绍一下什么是标签重置？

顾名思义，就是对HTML 中的标签属性重置，因为每个浏览器都有一个自己默认的CSS文件，对HTML 中的所有的标签进行定义，以便没有定义CSS 的页面能够正常显示在页面，页面在加载的时候如果没有找到自带的CSS 文件，浏览器就用事先为您准备好的CSS 样式，但是这个对于页面布局，没有什么用，所以我们需要将它们重新设置。

有些人很喜欢用*{margin:0; padding:0;},其实不建议这么用，因为HTML 标签太多了，我们平时常用的也就那么几个，所以没有必要将所有标签重置，这样反而使页面加载速度变慢！特别是对于大站点，更不提倡！不过呢，如果页面出了问题，用这个可以检验一下，是不是有标签没有重置而导致的布局错位。

以下是一些常用标签属性重置

@charset "utf-8";
/* CSS Document */
body{font-family:宋体,serif; background:#ffffff; font-size:12px;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}

table,td,tr,th{font-size:12px;}
table{margin:0 auto;}
img{vertical-align:top; border:none;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
abbr,acronym{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal; font-style:normal;}

/* link color font */

a{text-decoration:none;}
a:link {color:#333;}
a:visited{color:#333;}
a:hover{color:#8F0155;}
a:active{color:#BA2636;}
/*a{blr:expression(this.onFocus=this.blur())}*/

常用CSS标签属性重置相关推荐

常用css样式属性大全（中文注释）
一 CSS文字属性:color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ ...
DOM总结（鼠标事件，操作标签属性)
1.行内Title属性:鼠标移到标题上会有提示.而JS对于Title类似一些属性会有简便的修改方式,可以直接boj.title=" ";进行修改,则不需要通过setAttribut ...
Day03_css选择器、css样式大全、引入css样式表、常用标签属性、形变和动画
03.01_css选择器-属性选择器针对中写明了某些属性的标签进行设置选择器[属性名]{属性名称1:值1:属性名称2:值2:....}选择器[属性名="属性值"]{属性名称1: ...
常用html标签及css样式
html标签标题标签 HTML提供了6个等级的标题(head),即:<h1>.<h2>.<h3>.<h4>.<h5>和<h6> ...
html5--6-59 其他常用CSS属性
html5--6-59 其他常用CSS属性实例学习要点了解opacity属性:透明度设定了解cursor属性:自定义鼠标样式了解CSS新单位rem和em的区别了解轮廓outline的设置 ...
前端JavaScript DOM BOM 自学复盘 D1（DOM-获取DOM元素、修改HTML标签/表单/css样式属性、定时器-间歇函数）
内容概要 1. Web API 基本认知 1.1. 作用和分类 1.2. 什么是DOM 1.3. DOM作用 1.4 DOM树 1.4.1. DOM树是什么? 1.4.2. DOM 树的作用 1.5 ...
CSS基础标签属性及案例
CSS基础 CSS:cascading style sheets,层叠样式表格:CSS起到装饰作用,将不同功能的代码做分离,方便维护:可以大大提高工作效率,将HTML代码和样式代码分离: 1. 书写规 ...
HTML 常用的标签和属性
我们在开发的过程中常用的标签其实很好理解,我们把京东的首页拿来一用从图中我们可以看到:文字.图片.logo.二维码... 其中文字可以组成词语,段落,或者文章:图片其实就包含了logo.二维码了其 ...
如何使用 CSS 中的重置（reset）属性来重置元素在网页中的默认样式
嗨,大家好!今天,我要和你们聊聊CSS中的"重置"属性,也就是让我们一起来重置一下网页中元素的默认样式吧! 首先,让我们来看看一些常见的元素有什么特点,也就是需要"重置& ...

常用CSS标签属性重置

常用CSS标签属性重置相关推荐

最新文章

热门文章