全面的css初始化

a img {border:none;}(去掉部分浏览器中a标签包裹的img标签默认的边框)

a {text-decoration:none;}(去掉a标签默认的下划线)

em,var {font-style:normal;}(去掉文字默认样式)

ul,ol {padding:0;list-style-type:none;}(所有标签中,只有ol、ul才需要padding:0;的初始化)

body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,form,p {margin:0;}(经常会有人为了省事就直接用*号对所有的标签margin:0;padding:0;其实需要margin:0;的就这几个标签,用了通配符,需要将页面中所有的标签都问候一遍,会对速度造成多大的影响)

body,td,th,h1,h2,h3,h4,h5,h6 {font-size:12px;font-family:Arial,SimSun,sans-serif;}(中文字体前写英文字体,看似不起眼的设置,就能解决一个很棘手的问题。a链接hover时出现下滑线在ie7、ie8内核的浏览器下会紧紧的贴在文字的底部,非常的难看,查看很多网站的代码并没做特殊处理便没有此问题,究其原因,只因字体这样书写。)(关于字体针对那些标签初始化的解释:见过不少人直接用html或body标签直接对页面所有标签中的字体进行初始化,但有一些标签不会被继承,便是td、th和h标签。另外使用body对页面字体初始化还是有好处的,我们可以确定自己在写这张页面时都会使用哪些标签包裹文字,可以针对这些标签初始化,但我们不能保证这张页面不会让其他同事修改或引用,给别人造成不方便,自己每用一次也得改一次,也就是没有可拓展性,这段初始化放在哪都能用,不浪费时间也省心。)

.fix:after {content:'.';display:block;clear:both;visibility:hidden;height:0px;}(清除浮动的一种方法,将此class名写在内部有浮动的标签中,便可清除子字元素的浮动,使用非常方便)

.fix {zoom:1;}

input,textarea,a,button {outline:none;}(去掉非ie内核下这些标签点击时有虚线框的样式。ie浏览器的解决方法是在标签中加入hidefocus,例:<input type=“button”value=“” name=“”hidefocus/>)

input::-moz-focus-inner {border:0;}(专门针对火狐浏览器,解决input标签使用上一种方法仍去不掉虚线框的情况)

body {background:#fff;}(设置此样式的原因在《忽略设置页面背景色引起的尴尬》博文中有详解)

input,textarea,button {border:0 none;background:#fff;}(现在网站上针对这三个标签一般都会有样式,或背景图或其他颜色的边框,很少再使用默认样式,那么我们在初始化中就要有所设置,给有背景图的按钮去掉默认边框,给输入框设置默认的背景色,原因和body设背景色的原因一致,就是他们的默认背景色也会是机器上设置的窗口颜色。)

a:hover {text-decoration:underline;}(为了更好的用户体验,大多网站上也会选择使用下划线来提示用户此处文字是可点链接,为了不一一设置,通常也会写在初始化中,有时页面中的链接也会有个统一的颜色,也可以一并写入。当然这是视情况而定的,设计中不需要下划线当然也就不用设置此句。)


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值