头闻号

刘云凯

诊察设备|其他分析仪器|显微镜|其他保健用品|综合性公司

首页 > 新闻中心 > 科技常识:css reset 重置样式介绍
科技常识:css reset 重置样式介绍
发布时间:2024-11-26 22:26:14        浏览次数:11        返回列表

今天小编跟大家讲解下有关css reset 重置样式介绍 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css reset 重置样式介绍 的相关资料,希望小伙伴们看了有所帮助。

这个css reset代码是我自己在参考前人的基础上 并根据个人在多个实际项目中实战得出来的 在尊重标签本身用途的同时 又给予一些基本的实际需求。本reset只涉及常见的基本元素 以修正兼容为原则 复制代码代码如下: html{ height:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body{ margin:0; padding:0; font:12px/1.5 Helvetica, Arial, sans-serif; background-color:#fff; height:100%; text-align:center; color:#404040; } h1,h2,h3,h4,h5,h6,p,blockquote,form,fieldset{ margin:0; } table { border-collapse:collapse; border-spacing:0; } input, select, label { vertical-align:middle; } img{ border: none; } a { text-decoration:none; } p{ margin:0 0 9px 0; } h1,h2{ line-height:36px; } h3{ line-height:27px; } h4,h5,h6{ line-height:18px; } h1{ font-size:24px; } h2{ font-size:20px; } h3{ font-size:16px; } h4{ font-size:14px; } h5,h6{ font-size:12px; } ul,ol{ margin: 0 0 18px 0; padding:0; } ul li,ol li{ margin-left:25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ul.nostyle{ list-style: none outside none; } ul.nostyle li{ margin-left: 0; } ul.inline-style{ list-style: none outside none; } ul.inline-style li{ float:left; display:inline; margin-left:0; } dl{ margin-bottom: 18px; } dt{ font-weight: bold; } dd{ margin:0 0 0 9px; padding:0; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; } .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after{ clear:both; overflow:hidden; } .clearfix{ zoom:1; }

来源:爱蒂网