CSS初始化02-清楚浮动及其他标签
.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;}(为了更好的用户体验,大多网站上也会选择使用下划线来提示用户此处文字是可点链接,为了不一 一设置,通常也会写在初始化中,有时页面中的链接也会有个统一的颜色,也可以一并写入。当然这是视情况而定的,设计中不需要下划线当然也就不用设置此 句。)
浙公网安备 33010602011771号