加入收藏 | 设为首页 | 会员中心 | 我要投稿 PHP编程网 - 黄冈站长网 (http://www.0713zz.com/)- 数据应用、建站、人体识别、智能机器人、语音技术!
当前位置: 首页 > 服务器 > 系统 > 正文

浅谈CSS 浏览器样式重置终结版

发布时间:2020-05-13 06:17:08 所属栏目:系统 来源:站长网
导读:副标题#e# 浏览器的一些默认样式,有时候真的是特别丑; 虽然现在有现成的 UI 框架,但有时候写个小东西不想用那么庞大的 UI 框架,这篇文章介绍解决一些样式问题,最后将给出完整的重置样式表; 如果有遇到其它样式问题,评论区提建议,我将持续更新 样式问

body{margin:0;font-family: arial;} html,body{height:100%;} *,*:before,*:after{ box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } div,li{ overflow-x: auto; word-break: break-all; } ul,ol{ list-style-type:none; margin:0; padding:0; } iframe{display:block;} textarea{resize: none;} textarea,input,select{outline:0;} a{color:#333;text-decoration:none;} a:hover{color:#0080ff;} table {border-spacing:0;border-collapse:collapse;} td,th{padding:0;} article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section {display:block;} ::-webkit-input-placeholder{color:#999;} ::-moz-placeholder{color:#999;} ::-moz-placeholder{color:#999;} :-ms-input-placeholder{color:#ccc;} ::-webkit-scrollbar { width: 7px; height:7px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { background-color: #999; } ::-webkit-scrollbar-track { background-color: #F5F5F5; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */

(编辑:PHP编程网 - 黄冈站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读