分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

css重置的各种版本总结

发布时间:2023-09-06 01:08责任编辑:赖小花关键词:暂无标签

个人手机端常用到的:

@charset "utf-8";body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
margin:0; padding:0 }body, button, input, select, textarea {font:12px/1.5 "\5FAE\8F6F\96C5\9ED1", arial ; *line-height:1.5}h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}address, cite, dfn, em, var {font-style:normal;}code, kbd, pre, samp {font-family:courier new, courier, monospace;}ul, ol {list-style:none;}fieldset, img {border:0}table {border-collapse:collapse;border-spacing:0;}input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;

font-size:100%;}div:after, ul:after, dl:after,.clearfix:after { content:""; display:block; clear:both; height:0; visibility:hidden;}/****/abbr, article, aside, audio, canvas, datalist, details, figure, footer, header, hgroup, menu, nav, output, progress, section, video {

display:block;margin:0;padding:0}i,u,b,em,span,small{ font-weight:normal; font-style:normal;}html,body {height: 100%}/****/html {font-size: 62.5%;} body { ???-webkit-tap-highlight-color: rgba(255, 255, 255, 0); ????-webkit-user-select: none; ???????user-select: none; ???-moz-user-focus: none; ???-moz-user-select: none;}a{text-decoration: none;}h2{ margin:0; padding: 0;}

个人PC端常用到的:

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, font, 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 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}body { line-height:1}ol, ul { list-style:none}blockquote, q { quotes:none}blockquote:before, blockquote:after, q:before, q:after { content:‘‘; content:none}:focus { outline:0}ins { text-decoration:none}del { text-decoration:line-through}table { border-collapse:collapse; border-spacing:0}.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

来源于51job的css代码重置:

@charset "utf-8";/* Reset css*/body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53}body{_overflow:auto;_height:100%;margin:0 auto;}html{_overflow:hidden}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:courier new,courier,monospace}small{font-size:12px}ul,ol,li,dl,dt,dd{list-style:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#000}fieldset,img{border:0}button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}table{border-collapse:collapse;border-spacing:0}.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0}/*a*/a{ text-decoration:none; color:#555;}a:hover{ color:#ff6600;}/*title*/h1 { font-size:50px;}h2 { font-size:40px;}h3 { font-size:30px;}h4 { font-size:14px;}h5 { font-size:12px;}h6 { font-size:9px;}

来源于csdn的css代码重置

@charset "utf-8";/* Download : http://www.codefans.net *?/* Reset css*/body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53}body{_overflow:auto;_height:100%;margin:0 auto;}html{_overflow:hidden}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:courier new,courier,monospace}small{font-size:12px}ul,ol,li,dl,dt,dd{list-style:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#000}fieldset,img{border:0}button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}table{border-collapse:collapse;border-spacing:0}.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0}/*a*/a{ text-decoration:none; color:#555;}a:hover{ color:#ff6600;}/*title*/h1 { font-size:50px;}h2 { font-size:40px;}h3 { font-size:30px;}h4 { font-size:14px;}h5 { font-size:12px;}h6 { font-size:9px;}

来源于淘宝的css重置

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {margin:0;padding:0} ?body,button,input,select,textarea { font:12px/1.5 tahoma,arial,‘Hiragino Sans GB‘,\5b8b\4f53,sans-serif} ?h1,h2,h3,h4,h5,h6 {font-size:100%} ?address,cite,dfn,em,var {font-style:normal} ?code,kbd,pre,samp {font-family:courier new,courier,monospace} ?small {font-size:12px} ?ol,ul {list-style:none} ?a {text-decoration:none} ?a:hover {text-decoration:underline} ?sup {vertical-align:text-top} ?sub {vertical-align:text-bottom} ?legend {color:#000} ?fieldset,img {border:0} ?button,input,select,textarea {font-size:100%} ?table {border-collapse:collapse;border-spacing:0} ?

未知来源 css重置

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i { ????margin: 0; ????padding: 0; ????border: 0; ????outline: 0; ????font-weight: normal; ????font-style: normal; ????font-size: 100%; ????font-family: inherit; ????vertical-align: baseline } body { ????line-height: 1 } :focus { ????outline: 0 } ol, ul { ????list-style: none } table { ????border-collapse: collapse; ????border-spacing: 0 } blockquote:before, blockquote:after, q:before, q:after { ????content: ¡°¡± } blockquote, q { ????quotes: ¡°¡± ¡°¡± } input, textarea { ????margin: 0; ????padding: 0 } hr { ????margin: 0; ????padding: 0; ????border: 0; ????color: #000; ????background-color: #000; ????height: 1px }}

个人感觉,css重置并不是说哪个好哪个不好,而是要针对自己的项目写一套适合自己的才是“王道”。

css重置的各种版本总结

原文地址:http://www.cnblogs.com/heyiming/p/7474349.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved