Sometimes, you can write their own code to tidy up, a penny of the class, with the time, take over the direct use on it, you can save a lot of time, improve work efficiency. So everyone has to have their own code base. Click to download
1 /* 2 * @Author: Liubeimeng3 * @Date: 2015-11-11 10:22:024 * @Last Modified By:liubeimeng5 * @Last Modified time:2015-11-11 10:33:186 * @ name: Base.css7 * @ function: 1, reset browser default style8 * 2, set general Atomic class9 */Ten @charset "Utf-8"; One /*prevents users from customizing the effect of background color on Web pages, adding allows users to customize fonts*/ A HTML{background:#FFFFFF;Color:#000000;} - /*internal and external margins often make different browser styles behave differently*/ - body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th, Td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;} the /* - * Note that the form element does not inherit the parent font problem - *tahoma: River Horse Font, Tahoma is the default font for the Windows operating system. Tahoma is a very sleek font. This font is more balanced, the Chinese and English mixed display, will not appear in the Chinese and English misaligned state. - *arial: A non-liner TrueType font that is distributed with multiple sets of Microsoft applications. + *sans-serif: Represents a sans serif font, which is a generic font family. - *\5b8b\4f53 is the song body. In Unicode, there is no SimSun, because some versions of Firefox and opera do not support SimSun. Comment garbled: We strongly recommend that you do not use Chinese comments. Font-family: ' Song Dynasty '. + * In order to facilitate everyone to check, sorting out some Chinese name Unicode, hereby dedicated to other front-end development of friends A * New Fine ming body \65b0\7ec6\660e\4f53 at * Fine Ming body \7ec6\660e\4f53 - * marked in italics \6807\6977\4f53 - * blackbody \9ed1\4f53 - * Song Body \5b8b\4f53 - * New song body \65b0\5b8b\4f53 - * Imitation \4eff\5b8b in * Italic \6977\4f53 - * Imitation _gb2312 \4eff\5b8b_gb2312 to * Italics _gb2312 \6977\4f53_gb2312 + * Microsoft is blackbody \5fae\x8f6f\6b63\9ed1\4f53 - * Microsoft ya black \5fae\8f6f\96c5\9ed1 the */ * Body,button,input,select,textarea{Font:12px Tahoma,arial,\5b8b\4f53,sans-serif;} $ Input,select,textarea{font-size:100%;}Panax Notoginseng /*Remove the table cell margin and make its edges coincident*/ - Table{Border-collapse:collapse;border-spacing:0;} the /*iebug:th does not inherit text-align*/ + th{ A text-align:Inherit; the} + /*Remove default Border*/ - fieldset,img{ $ Border:None; $} - /*IE6 7 8 (q) bug shown as in-line performance*/ - iframe{ the Display:Block; -}Wuyi /*remove the border from Firefox under this element*/ the abbr,acronym{ - Border:None; Wu font-variant:Normal; -} About /*consistent del style*/ $ del{ - text-decoration:Line-through; -} - Address,caption,cite,code,dfn,em,th,var{ A Font-style:Normal; + Font-weight: -; the} - /*Remove the identification before the list, and Li will inherit*/ $ Ol,ul{ the List-style:None; the} the /*alignment is the most important factor in typography, so don't let anything get centered.*/ the caption,th{ - text-align: Left; in} the /*from Yahoo, let the title be customized, adapt to multiple system applications*/ the H1,h2,h3,h4,h5,h6{ About font-size:100%; the Font-weight: -; the} the Q:before,q:after{ + content:"'; -} the /*Unified superscript and subscript*/Bayi Sub,sup{ the font-size:75%; the Line-height:0; - position:relative; - vertical-align:Baseline; the} the sup{ the Top:-0.5em; the} - Sub{ the Bottom:-0.25em; the} the /*let the link show the underline in the hover state*/94 a:hover{ the text-decoration:Underline; the} the /*underline is not displayed by default, keeping the page concise*/98 Ins,a{ About text-decoration:None; -}101 /*Remove IE6 & IE7 focal Point lines*/102 A:focus,*:focus{103 Outline:None;104} the /*Clear Floating*/106 . Clearfix:before,.clearfix:after{107 content:"";108 Display:Table;109} the . Clearfix:after{111 Clear:both; the Overflow:Hidden;113} the . Clearfix{ the Zoom:1;/*For IE6 & IE7*/ the}117 . Clear{118 Clear:both;119 Display:Block; - font-size:0;121 Height:0;122 Line-height:0;123 Overflow:Hidden;124} the /*set display and hide, often used with JS mates*/126 . None{127 Display:None; -}129 . Block{ the Display:Block;131} the /*set float to reduce the bug caused by floating*/133 . fl,.fr{134 Display:inline;135}136 . FL{137 float: Left;138}139 . Fr{ $ float: Right;141}
Organize base.css, reset browser styles