css重置样式表 reset.css 格式化默认css样式

css重置样式表 reset.css 格式化默认css样式

bash 复制代码
 
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed, 
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video{
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   font-weight: normal;
   vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section{
   display: block;
 }
 ol, ul, li{
   list-style: none;
 }
 blockquote, q{
   quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after{
   content: '';
   content: none;
 }
 table{
   border-collapse: collapse;
   border-spacing: 0;
 }
  
 /* custom */
 a{
   color: #7e8c8d;
   text-decoration: none;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
 }
 ::-webkit-scrollbar{
   width: 5px;
   height: 5px;
 }
 ::-webkit-scrollbar-track-piece{
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 6px;
   -webkit-border-radius: 6px;
 }
 ::-webkit-scrollbar-thumb:vertical{
   height: 5px;
   background-color: rgba(125, 125, 125, 0.7);
   border-radius: 6px;
   -webkit-border-radius: 6px;
 }
 ::-webkit-scrollbar-thumb:horizontal{
   width: 5px;
   background-color: rgba(125, 125, 125, 0.7);
   border-radius: 6px;
   -webkit-border-radius: 6px;
 }
 html, body{
   width: 100%;
   font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", "微软雅黑", sans-serif;
 }
 body{
   line-height: 1;
   -webkit-text-size-adjust: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 html{
   overflow-y: scroll;
 }
  
 /*清除浮动*/
 .clearfix:before,
 .clearfix:after{
   content: " ";
   display: inline-block;
   height: 0;
   clear: both;
   visibility: hidden;
 }
 .clearfix{
   zoom: 1;
 }
  
 /*隐藏*/
 .dn{
   display: none;
 }
 
 
相关推荐
excel2 分钟前
深度解析:Vue SSR 编译器中的 ssrTransformElement 与 ssrProcessElement
前端
excel2 分钟前
Vue SSR 源码解读:ssrTransformTransition 与 ssrProcessTransition 的实现逻辑
前端
excel2 分钟前
Vue SSR 深度解析:ssrProcessTeleport 的源码机制与实现原理
前端
excel3 分钟前
Vue SSR 源码解析:ssrTransformSuspense 与 ssrProcessSuspense
前端
excel3 分钟前
Vue SSR 编译阶段中的 ssrInjectCssVars 深度解析
前端
excel5 分钟前
Vue SSR 组件转换源码深度解析:ssrTransformComponent.ts
前端
excel9 分钟前
Vue SSR 编译机制解析:ssrTransformSlotOutlet 与 ssrProcessSlotOutlet
前端
顾安r1 小时前
11.8 脚本网页 推箱子
linux·前端·javascript·flask
玖釉-2 小时前
用 Vue + DeepSeek 打造一个智能聊天网站(完整前后端项目开源)
前端·javascript·vue.js
编程社区管理员9 小时前
React 发送短信验证码和验证码校验功能组件
前端·javascript·react.js