/*样式重置? 1.去除一些元素的默认间距,边? 2.去除不同浏览器对某些添加的默认样? 3.超链接的下划线,和默认样? */ /* 添加一些常用的样式 1.字体,字体大? 2.去除超链接下划线 3.添加浮动 4.去除添加边框和边距对原始div的影? */ body{ font-size: 12px; font-family: "Microsoft YaHei",sans-serif; color: #333; } a{ color: #333; text-decoration: none; } a:hover{ text-decoration: none; } ul,ol{ list-style: none; } input{ border: none; /*获取焦点时的外边?/ outline: none; /*清除移动端默认的表单样式:-webkit-appearance是用来改变按钮和其他控件的外观,使其外观类似于原生控? 通常我们可以在相应的元素上加?webkit-appearance: none;来移除原生控件样式?/ -webkit-appearance: none; } /*添加的新样式*/ /*左浮动与右浮?/ .f_left{ float: left; } .f_right{ float: right; } /*清除浮动*/ .clearfix::before, .clearfix::after{ display:block; height:0; clear:both; content: ""; height: 0; line-height:0; display: block; clear: both; visibility: hidden; } .m_l10{ margin-left:10px; } .m_r10{ margin-right:10px; } .m_t10{ margin-top:10px; } /*Bz*/ .ib{ display: inline-block; } .f13 { font-size: 13px; } .f14 { font-size: 14px; }