CSS样式重置代码详细作用注释

CSS样式重置代码详细作用注释，解决因不同浏览器样式解析方面存在的差异导致页面布局不统一的问题。代码包含详细注释，方便理解与修改。

详细代码：

		@charset "utf-8";

		/* ----------------------------------------

		reset.css

		Description: CSS样式重置代码

		Version 1.0, 2012-10-18

		----------------------------------------- */

		/* 防止用户自定义背景颜色对网页的影响 */

		html{

		color:#333333;background:#fff;

		}

		/* 始终不显示滚动条 */

		body{

		overflow-x:hidden; /*隐藏水平滚动条*/ 

		}

		/* 内外边距重置 */

		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {

		margin:0;padding:0;

		}

		body,button,input,select,textarea{

		font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti;

		font-size: 12px;

		word-wrap: break-word;

		color: #333333;

		}

		input,select,textarea{

		font-size:100%;

		}

		div:focus{

		outline:none;

		}

		/* 去掉各Table  cell 的边距并让其边重合 */

		table{

		border-collapse:collapse;border-spacing:0;

		}

		/* IE bug fixed: th 不继承 text-align*/

		th{

		text-align:inherit;

		}

		/* 去除默认边框 */

		fieldset,img{

		border:0;

		}

		/* ie6 7 8(q) bug 显示为行内表现 */

		iframe{

		display:block;

		}

		/* 去掉 firefox 下此元素的边框 */

		abbr,acronym{

		border:0;font-variant:normal;

		}

		/* 一致的 del 样式 */

		del {

		text-decoration:line-through;

		}

		address,caption,cite,code,dfn,em,th,var {

		font-style:normal;

		font-weight:500;

		}

		/* 去掉列表前的标识, li 会继承 */

		ol,ul,li {

		list-style:none;

		}

		/* 左对齐排版 */

		caption,th {

		text-align:left;

		}

		/* 让标题都自定义 */

		h1,h2,h3,h4,h5,h6 {

		font-size:100%;

		font-weight:500;

		}

		q:before,q:after {

		content:'';

		}

		/* 统一上标和下标 */

		sub, sup {

		    font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;

		}

		sup {top: -0.5em;}

		sub {bottom: -0.25em;}

		/* 让链接在 hover 状态下不显示下划线 */

		a:hover {

		text-decoration:none;

		}

		a:visited{

		color: #333333;

		}

		/* 默认不显示下划线 */

		ins,a {

		text-decoration:none;

		}

		/* button的cursor属性 */

		button,a{

		outline:none;

		cursor:pointer;

		}

		/*hr统一样式*/

		hr{

		height: 1px;

		border: none;

		border-top: 1px solid #CCCCCC;

		}

随机推荐

html input输入时默认启动数字输入法
当文本框只能输入数字是一个很常见的需求，比如电话号码，身份证号，卡号，数量....等等只允许数字输入，为了更好的用户体验性，直接写出启动数字键盘的需求，我和大多数人一样用this.style.imeMode=disabled; imeMode有四种形式，分别是： active 代表输
获取QQ信息的几个接口
可能有的朋友们早就在空间抓到了这些接口，不会的一定要自己抓包啊，IE9版本以前的可以用httpwatch，IE9自带抓包软件（快捷键F12）本论坛已经发布了登陆空间源代码，其中含有g_tk的计算，关于登陆的不用多说。在VB中首先登陆一个QQ，计算得到g_tk，然后用G
让position:fixed在IE6下可用!
/*让position:fixed在IE6下可用!*/ .fixed-top/*头部固定*/{position:fixed;bottom:auto;top:0px;} .fixed-bottom/*底部固定*/{position:fixed;bottom:0px;top:auto;} .fixed-left/*左侧固定*/{position:fixed;right:auto;left:0px;} .fixed-right/*右侧固定
window.onerror()的详细用法
window.onerror = function(sMessage,sUrl,sLine){}; onerror函数的三个参数用于确定错误确切的信息，代表的意思依次为：错误信息；发生错误的文件；发生错误的行号。示例：复制代码代码如下: SCRIPT window.onerror=fnErrorTrap; function fnErrorTrap(s
手机站上离线宝被UC浏览器屏蔽解决方案
手机站上离线宝被UC浏览器屏蔽解决方案，在手机站上使用离线宝发现在UC浏览器中被屏蔽了。页面上会有很大一块空白，怎么办？利用一下代码可以解决离线宝被屏蔽时，去除头部空白。复制代码代码如下: document.writeln(script type=\text/javascript\ src=\

CSS样式重置代码详细作用注释

相关文章

随机推荐