初始化CSS

本文介绍了解决不同浏览器间默认样式不一致的问题,通过列举具体的CSS样式初始化代码来确保跨浏览器的兼容性和页面的一致性。这包括了对常用HTML元素如标题、列表、表格等的样式重置。

 不同的浏览器默认样式不一样,所以容易出现兼容性问题,每次写网页时都应该都网页的css或HTML标签进行初始化

这样可以节约代码,节约网页下载时间,是网页内容更加简洁,

大致需要初始化的地方有

H1-H4标签,table标签,文字大小,文字没有链接,超链接样式,DIV,居中,ol,ul,li,img等等的样式,

一些示例:

body,div,dl,dt,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{

  margin:0;

  padding:0;

}

body{

  background:#fff;

  color:#555;

  font-size:14px;

  font-family:Verdana,Arial,Helvetica,sans-serif;

}

td,th,caption{

  font-size:14px;

}

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

  font-weight:normal;

  font-size:100%;

}

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

  font-style:normal;

  font-weight:normal;

}

a{

  color:#555;

  text-decoration:none;

}

a:hover{

  text-decoration:underline;

}

img{

  border:none;

}

ol,ul,li{

  list-style:none;

}

input,textarea,select,button{

  font:14px Verdana,Helvetica,Arial,sans-serif;

}

table{

  border-collapse:collapse;

}

html{

  overflow-y:scroll;

}

.clearfix:fater{

  content:".";

  dispaly:block;

  height:0;

  clear:both;

  visiblity:hidden;

}

.clearfix{

  *zoom:1;

}

 

转载于:https://www.cnblogs.com/moli-/p/6486084.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值