首頁 > web前端 > html教學 > reset.css(詳細說明)

reset.css(詳細說明)

WBOY
發布: 2016-09-20 03:29:58
原創
1312 人瀏覽過

@charset "utf-8";
/************************************************** **** *************************************/

/*清除內外邊距*/
html,body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,span,a,em,/*strucural elements 結構元素*/
dl ,dt,dd,ul,ol,li, /*list elements 列表元素*/
pre,/*text formatting elements 文字格式元素*/
fieldset,lengend,button,input,textarea,form,/*form elements 表單元素*/
table,tbody,tfoot,tr,th,td,/*table elements 表格元素*/
img,strong,area,del,select{
margin: 0;
padding: 0;
}

/*設定預設字體*/
body,button,input,select,textarea{ font-family: "微軟雅黑",Arial,Verdana,"microsoft yahei";*line-height: 1.5;-ms-overflow- style:scrollbar;font-size: 12px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,em,strong{font-size: 1em;font-style: normal; font-weight: normal;}
article,aside,dialog,footer,header,section,nav,figure,menu{display: block;}
input:focus,textarea:focus{outline: none;} /*邊框邊緣的線*/
h1,h2,h3,h4,h5,h6{font-size:100%;}

address,cite,dfn,em,var{font-style: normal;} /*將斜體扶正*/
/*code,kbd,pre,samp,tt{ font-family: "Courier New",Courier,monospace ; }*/ /*統一等寬字體*/
small{font-size: 12px;} /*小於12px的中文很難閱讀,讓small正常化*/

/*重置清單元素*/

ul,ol{list-style: none outside none;}
li{list-style:none;}

a{text-decoration: none;outline: medium none;}
a:active{text-decoration: none;list-style: none;}

sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
button,input,select,textarea{font-size:100%;} /*使得表單元素在ie下能繼承字體大小*/
fieldset,img{border: medium none;}

input,select,button{vertical-align: middle;border: none;}
img{border:0;display: block;}
em,address,i,cite{font-style: normal;}


.hidden{overflow: hidden;}

.f_l{float: left;display: inline;} /*左浮動*/ /*display:inline--->可修復ie6中雙邊間距的bug*/
.f_r{float: right; display: inline; } /*右浮動*/

.clear{clear: both;} /*清除浮動1*/

/*清除浮動2*/
.clearfloat{
zoom:1;
}
.clearfloat:after{
display: block;
clear: both;
content: ""; ;
}

.p_rel{position: relative;} /*相對定位*/

.p_abs{position: absolute;} /*絕對定位*/


.none{display: none}

/*文字大小設定*/

.fs13{font-size: 13px;}

.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.16{font-size: 16px ;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}
.fs19{font-size: 19px;}
.fs20{font-size: 20px;fs}1 font-size: 21px;}
.fs22{font-size: 22px;}
.fs23{font-size: 23px;}
.fs24{font-size: 24px;}

.fbold{font-weight: bold;} /*加粗*/
.width100{width: 100%}

.m_center{margin: 0 auto;}  /*水平居中*/


/*上外邊距*/
.mt1{margin-top: 1px;}

.mt2{margin-top: 2px;}

.mt3{margin-top: 3px;}
.mt4{margin-top: 4px ;}
.mt5{margin-top: 5px;}
.mt6{margin-top: 6px;}
.mt7{margin-top: 7px;}
.mt8{margin-top: 8px;}
.mt9{.mt9{ margin-top: 9px;}
.mt10{margin-top: 10px;}
.mt11{margin-top: 11px;}
.mt12{margin-top: 12px;}
.mt13{marginp-top: 133px;}
.mt13{marginp-top: 133px; }
.mt14{margin-top: 14px;}
.mt15{margin-top: 15px;}
.mt16{margin-top: 16px;}
.mt17{margin-top: 17px; -top: 18px;}
.mt19{margin-top: 19px;}
.mt20{margin-top: 20px;}
.mt21{margin-top: 21px;}
.mt22{margin-top: 22px;
.mt23{margin-top: 23px;}
.mt24{margin-top: 24px;}
.mt25{margin-top: 25px;}

/*右外邊距*/
.mr1{ margin-right:1px;}

.mr2{ margin-right:2px;}

.mr3{ margin-right:3px;}
.mr4{ margin-right:4px ;}
.mr5{ margin-right:5px;}
.mr6{ margin-right:6px;}
.mr7{ margin-right:7px;}
.mr8{ margin-right:8px;}
.mr9{.mr8{ margin-right:9px;}
.mr10{ margin-right:10px;}
.mr11{ margin-right:11px;}
.mr12{ margin-right:12px;}
.13{ marginpmr:13p; }
.mr14{ margin-right:14px;}
.mr15{ margin-right:15px;}
.mr16{ margin-right:16px;}
.mr17{ margin-right:17pxmr}
. -right:18px;}
.mr19{ margin-right:19px;}
.mr20{ margin-right:20px;}

/*下外邊距*/
.mb1{ margin-bottom:1px;}
.mb2{ margin-bottom:2px;}
.mb3{ margin-bottom:3px;}
.mb4{ margin-bottom:4p;}
.mb4{ margin-bottom:4p ;}
.mb5{ 邊距底部:5px;}
.mb6{ 邊距底部:6px;}
.mb7{ 邊距底部:7px;}
.mb8{ 邊距底部:8px;}
.mb9{
.mb8{ 邊距底部:8px;}
.mb9{邊距底部:9px;}
.mb10{ 邊距底部:10px;}
.mb11{ 邊距底部:11px;}
.mb12{ 邊距底部:12px;}
.mb13{ 邊距底部:13px; } }
.mb14{ 邊距底部:14px;}
.mb15{ 邊距底部:15px;}
.mb16{ 邊距底部:16px;}
.mb17{ 邊距底部:17px;}

.mb18{邊距-bottom:18px;}

.mb19{ margin-bottom:19px;}
.mb20{ margin-bottom:20px;}

/*左外邊距*/
.ml1{ margin-left:1px;}
.ml2{ margin-left:2px;}
.ml3{ margin-left:3px;}
.ml4{ margin-left:4p;}
.ml4{ margin-left:4p; ;}
.ml5{ 左邊距:5px;}
.ml6{ 左邊距:6px;}
.ml7{ 左邊距:7px;}
.ml8{ 左邊距:8px;}
.ml9{左邊距:9pxpx ;}
.ml10{ 左邊距:10px;}
.ml11{ 左邊距:11px;}
.ml12{ 左邊距:12px;}
.ml13{ 左邊距:13px;}
.12 ;}
.ml13{ 左邊距:13px;} }
.ml14{ 左邊距:14px;}

.ml15{ 左邊距:15px;}

.ml16{ 左邊距:16px;}

.ml17{ 左邊距:16px;}

.ml17{ 左邊距:16px;}
.ml17{ 左邊距:16px;}
.ml17{ 左邊距:16px;}
.ml17{ 左邊距:16px;}
.ml17{ 左邊距:16px;}
.ml17{ 左邊距: 17px;}
.ml18{ 邊距-left:18px;}
.ml19{ margin-left:19px;}
.ml20{ margin-left:20px;}

/*左外邊距*/

.ml1{ 左邊緣:1px;}
.ml2{ 左邊緣:2px;}
.ml3{ 左邊緣:3px;}
.ml2{ 左邊緣:4px;}
.ml5{ 右邊緣-左:5ml4{ 左邊緣:4px;}
.ml5{ 右邊緣-左:5ml ;}
.ml6{ 左邊緣:6px;}
.ml7{ 左邊緣:7px;}

.ml8{ 左邊緣:8px;}

.ml9{ 左邊緣:9px;}
.ml10{ margin-left: 10px;}
.ml11{ margin-left:11px;}
.ml12{ margin-left:12px;}
.ml13{ margin-left:13px;}
.ml14{ ml13{ margin-left:13px;}
.ml14{ margin-left :left:13px;}
.ml14{ margin-left:14pm. { 左邊距:15px;}
.ml16{ 左邊距:16px;}
.ml17{ 左邊距:17px;}
.ml18{ 左邊距:18px;}
. ml19{ margin-left:19p.; ml20{ margin-left:20px;}

/*上下外邊距*/
.mtb1{ margin-top:1px;邊距底部:1px;}
.mtb2{ 邊距頂部:2px;邊距底部:2px;}
.mtb3{ 邊距頂部: 3px;邊距底部:3px;}
.mtb4{ 邊距頂部:4px;邊距底部:4px;}
.mtb5{ 邊距頂部:5px;邊距底部:5px;}
.mtb6{ 邊距頂部:6px;邊距底部:6px;}
.mtb7{ 邊距頂部:7px;邊距底部:7px;}

.mtb8{ 邊距頂部:8px;邊距底部:8px;}

.mtb9{ 邊距頂部:9px;邊距底部:9px;}
.mtb10{ 邊距頂部:10px;邊距底部:10px;}
.mtb11{ 邊距頂部:11px;邊距底部:11px;}
.mtb12{ 邊邊距頂部:12px;邊距底部:12px;}
.mtb13{ 邊距頂部:13px;邊距底部:13px;}
.mtb14{ 邊距頂部:14px;邊距底部:14px;}
.mtb15{邊距頂部:15px;邊距底部:15px;}
.mtb16{ 邊距頂部:16px;邊距底部:16px;}
.mtb17{ 邊距頂部:17px;邊距底部:17px;}
.mtb18 { 邊距頂部:18px;邊距底部:18px;}
.mtb19{ 邊距頂部:19px;邊距底部:19px;}
.mtb20{ 邊距頂部:20px;邊距底部:20px;}

/*左右外邊距*/
.mr0{ margin-right:0px;}
.mrl1{ margin-right:1px;左邊距:1px;}
.mrl2{ 右邊距:2px;}
.mrl3{ 右邊距:3px;左邊距:3px;}
.mrl4{ 右邊距:4px;左邊距:4px;}
.mrl5{ 右邊距:5px;左邊距:5px;}
.mrl6{ 右邊距:5px;左邊距:5px;}
.mrl6{ 右邊距:6px;左邊距:6px;}

.mrl7{ 右邊距:7px;左邊距:7px;}

.mrl8{ 右邊距:8px;左邊距:8px;}
.mrl9{ 右邊距:9px;左邊距:8px;}
.mrl9{ 右邊距:9px;距:9px;}
.mrl10{ 右邊距:10px;左邊距:10px;}
.mrl11{ 右邊距:11px;左邊距:11px;}
.mrl12{ 右邊距:12px;左邊距:11px;}
.mrl12{ 右邊距:12px;
.mrl13{ 右邊距:13px;左邊距:13px;}
.mrl14{ 右邊距:14px;左邊距:14px;}
.mrl15{ 右邊距:15px;左邊距:15px;}
.mrl15{ 右邊距:15px;左邊距:15pxx;距:16px;左邊距:16px;}
.mrl17{ 右邊距:17px;左邊距:17px;}
.mrl18{ 右邊距:18px;左邊距:18px;}
.mrl19{ 右邊距:19px 左邊距:18px;}
.mrl19{ 右邊距:19pxx;距:19px;}
.mrl20{ 右邊距:20px;左邊距:20px;}

/*上下左右外邊距*/
.margin1{ margin:1px;}
.margin2{ margin:2px;}
.margin3{ margin:3px;}

.margin4{ margin:4px;}5{margin. :5px;}🎜.margin6{ 邊距:6px;}🎜.margin7{ 邊距:7px;}🎜.margin8{ 邊距:8px;}🎜.margin9{ 邊距:9px;}🎜.margin10{ 邊距:9px;}🎜.margin10{ 邊距:9px;}🎜.margin :10px;}🎜 .margin11{ 邊距:11px;}🎜.margin12{ 邊距:12px;}🎜.margin13{ 邊距:13px;}🎜.margin14{ 邊距:14px}🎜.margin14{ 邊距:14px}🎜.margin14{ 邊距:14px}🎜. :15px;}🎜.margin16{ 邊距: 16px;}🎜.margin17{ 邊距:17px;}🎜.margin18{ 邊距:18px;}🎜.margin19{ 邊距:19px}🎜.margin19{ 邊距:19px}🎜. :20px;}🎜

/*上內邊距*/
.ptop1{ padding-top:1px;}
.ptop2{ padding-top:2px;}
.ptop3{ padding-top:3px;}
.ptop4{ padding-top: 4px;}
.ptop5{ padding-top:5px;}
.ptop6{ padding-top:6px;}
.ptop7{ padding-top:7px;}
.ptop8{ padding-top:8padxx}9 { padding-top:9px;}
.ptop10{ padding-top:10px;}
.ptop11{ padding-top:11px;}
.ptop12{ padding-top:12px;}
.ptop13{ pad-toppding-* ;}
.ptop14{ padding-top:14px;}
.ptop15{ padding-top:15px;}
.ptop16{ padding-top:16px;}
.ptop17{ padding-top:17p^top padding-top:18px;}
.ptop19{ padding-top:19px;}
.ptop20{ padding-top:20px;}

/*右內邊距*/

.pright1{ padding-right:1px;}

.pright2{ padding-right:2px;}
.pright3{ padding-right:3px;}
.pright4{ padding-right: 4px;}
.pright5{ padding-right:5px;}
.pright6{ padding-right:6px;}
.pright7{ padding-right:7px;}
.pright8{ padding-right:8padxright; { padding-right:9px;}
.pright10{ padding-right:10px;}
.pright11{ padding-right:11px;}
.pright12{ padding-right:12px;}
.pright13{ padx-12px;} ;}
.pright14{ padding-right:14px;}
.pright15{ padding-right:15px;}
.pright16{ padding-right:16px;}
.pright17{ padding-right:17px}🎟8 padding-right:18px;}
.pright19{ padding-right:19px;}
.pright20{ padding-right:20px;}

/*下內邊距*/
.pb1{ padding-bottom:1px;}
.pb2{ padding-bottom:2px;}

.pb3{ padding-bottom:3px;}

.pbb4{ padding-bottom: 4px;}
.pb5{ padding-bottom:5px;}
.pb6{ padding-bottom:6px;}
.pb7{ padding-bottom:7px;}
.pb8{ padding-bottom:8px} { padding-bottom:9px;}
.pb10{ padding-bottom:10px;}
.pb11{ padding-bottom:11px;}
.pb12{ padding-bottom:12pxpad}
.pb133: 13px; ;}
.pb14{ padding-bottom:14px;}
.pb15{ padding-bottom:15px;}
.pb16{ padding-bottom:16px;}
.pb17{ padding-bottom:17p; padding-bottom:18px;}
.pb19{ padding-bottom:19px;}
.pb20{ padding-bottom:20px;}

/*左內邊距*/
.pl1{ padding-left:1px;}
.pl2{ padding-left:2px;}
.pl3{ padding-left:3px;}
.pl4{ padding-left:pad 4px;}

.pl5{ padding-left:5px;}

.pl6{ padding-left:6px;}
.pl7{ padding-left:7px;}
.pl8{ padding-left:8px;}
.pl8px; { padding-left:9px;}
.pl10{ padding-left:10px;}
.pl11{ padding-left:11px;}
.pl12{ padding-left:12px;}
.pl13{ padle-ft ;}
.pl14{ padding-left:14px;}
.pl15{ padding-left:15px;}
.pl16{ padding-left:16px;}
.pl17{ padding-left:17px}188 padding-left:18px;}
.pl19{ padding-left:19px;}
.pl20{ padding-left:20px;}

/*上下內邊距*/
.ptb1{padding-top:1px;填充底部:1px}
.ptb2{填充頂部:2px;填充底部:2px}
.ptb3{填充頂部:2px;填充底部: 3px}
.ptb4{填充頂部:2px;填充底部:4px}
.ptb5{填充頂部:5px;填充底部:5px}

.ptb6{填充頂部:6px;填充底部:6px}

.ptb7{填充頂部:7px;填充底部:7px}
.ptb8{填充頂部:8px;填充底部:8px}
.ptb9{填充頂部:9px;填充底部:9px}
.ptb10{填充頂部:10px;填充底部:10px}
.ptb11{填充頂部:11px;填充底部:11px}
.ptb12{填充頂部:12px;填充底部:12px}
.ptb13{填充頂部:13px;填充底部:13px}
.ptb14{填充頂部:14px ;填充底部:14px}
.ptb15{填充頂部:15px;填充底部:15px}
.ptb16{填充頂部:16px;填充底部:16px}
.ptb17{填充頂部:17px;填充底部:16px}
.ptb17{填充頂部:17px;填充底部:17px} 填充底部:17px}
. ptb18{填充頂部:18px;填充底部:18px}
.ptb19{填充頂部:19px;填充底部:19px}
.ptb20{填充頂部:20px;底部填充:20px;}
.ptb20{填充頂部:20px;底部填充:20px;}

/*左右內邊距*/
.prl1{ padding-left:1px; padding-right:1px;}
.prl2{ padding-left:2px;右內邊距:2px;}
.prl3{ 左內邊距:3px;右內邊距:3px;}

.prl4{ 左內邊邊距:4px;右內邊距:4px;}

.prl5{ 左內邊距:5px;右內邊距:5px;}
.prl6{ 左內邊距:6px;右內邊距:6px ; }
.prl7{ 左內邊距:7px; 右內邊距:7px;}
.prl8{ 左內邊距:8px; 右內邊距:8px;}
.prl9{ 左內邊距:9px ;右內邊距:9px;}
.prl10{ 左內邊距:10px;右內邊距:10px;}
.prl11{ 左內邊距:11px;右內邊距:11px;}
.prl12 {左內邊距:12px;右內邊距:12px;}
.prl13{ 左內邊距:13px;右內邊距:13px;}
.prl14{ 左內邊距:14px;右內邊距: 14px;}
.prl15{ 左內邊距:15px;右內邊距:15px;}
.prl16{ 左內邊距:16px;右內邊距:16px;}
.prl17{ 左內邊距: 17px;右內邊距:17px;}
.prl18{ 左內邊距:18px;右內邊距:18px;}
.prl19{ 左內邊距:19px;右內邊距:19px;}
. prl20{ 左內邊距:20px; 右內邊距:20px;}

/*上下左右內邊距*/
.padding1{ padding:1px;}
.padding2{ padding:2px;}
.padding3{ padding:3px;}
.padding4{ padding:4px;填充:5px;}
.padding6{ 填充:6px;}
.padding7{ 填充:7px;}
.padding8{ 填充:8px;}
.padding9{ 填充:9px;}
.padding10{ 填充:10px;}
.padding10{px};
。 :16px;}
.padding17{ 填充:17px;}
.padding18{ 填充:18px;}
.padding19{ 填充:19px;}
.padding20{ 填充:20px;}

/*垂直居中*/

.v12{ 高度:12px;行高:12px; }
.v13{ 高度:13px;行高:13px; }

.v14{ 高度:14px;行高:14px; }

.v14{ 高度:14px;行高:14px; }

.v15{ 高度:15px;行高:15px; }

.v16{ 高度:16px;行高:16px; }
.v17{ 高度:17px;行高:17px; }
.v18{ 高度:18px;行高:17px; }
.v18{ 高度:18px;行高:18px; }
.v18{ 高度:18px;行高:18px; }
. v19{ 高度:19px;行高:19px; }
.v20{ 高度:20px;行高:20px; }
.v21{ 高度:21px;行高:21px; }
.v22{ 高度:21px;行高:21px; }
.v22{ 高度:22px; :22px; }
.v23{ 高度:23px;行高:23px; }
.v24{ 高度:24px;行高:24px; }
.v25{ 高度:25px;行高:25px; }
.v25{ 高度:25px; 行高:25px;高度:26px;行高:26px; }
.v27{ 高度:27px;行高:27px; }
.v28{ 高度:28px;行高:28px; }
.v29{ 高度:28px;行高:28px; }
.v29{ 高度:29px; ; }
.v30{ 高度:30px;行高:30px; }
.v31{ 高度:31px;行高:31px; }
.v32{ 高度:32px;行高:32px; }
.v33{ 高度:32px;行高:32px; }
.v33{ 高度: 33px;行高:33px; }
.v34{ 高度:34px;行高:34px; }
.v35{ 高度:35px;行高:35px; }
.v36{ 高度:36px;行高:36px; };
.v37{ 高度:37px;行高:37px; }
.v38{ 高度:38px;行高:38px; }
.v39{ 高度:39px;行高:39px; }
.v39{ 高度:39px;行高:39px; }
.v40{ 高度:40px;行高:40px; }
.v41{ 高度:41px;行高:41px; }
.v42{ 高度:42px;行高:42px; }
.v43{ 高度:43px;行高:43px; }
.v43{ 高度:43px;行高:43px; }
. v44{ 高度:44px;行高:44px; }
.v45{ 高度:45px;行高:45px; }
.v46{ 高度:46px;行高:46px; }

.v47{ 高度:46px;行高:46px; }

.v47{ 高度:47px; 行高:47px; }
.v47{ 高度:47px; :47px; }
.v48{ 高度:48px;行高:48px; }
.v49{ 高度:49px;行高:49px; }

/*圓角*/
.borr1{ 邊框半徑: 1px }
.borr2{ 邊框半徑: 2px }
.borr3{ 邊框半徑: 3px }
.borr4{ 邊框半徑: 4px }5 邊框半徑: 5px }
.borr6{ 邊框半徑:6px }

.borr7{ 邊框半徑:7px }.borr8{ 邊框半徑:8px }
.borr9{ 邊框半徑:9px }
.borr10 {p
🎜
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板