【Css】my cssframework --base.css

Today, my new cssframework, base.css, is used to reset the default browser style and provide generic atomic classes.

 @ Charset "UTF-8 ";  /*  @ Name: Base @ function: reset the default browser Style  */  /*  Prevents the impact of custom background colors on webpages, and allows users to customize fonts.  */  Html { Color : Black ; Background : White ;} /* The internal and external margins usually make the display positions of different browser styles different.  */  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 ;} /*  Note that the form element does not inherit the parent font.  */  Body, button, input, select, textarea {Font : 12px simsun, tahoma, Arial, sans-serif ;} Input, select, textarea { Font-size : 100% ;} /*  Remove the margins of each table cell and overlap its edges.  */  Table { Border-collapse : Collapse ; Border-spacing : 0 ;}/*  IE bug fixed: Th does not inherit text-align  */  Th { Text-align : Inherit ;} /*  Remove the default border  */  Fieldset, IMG { Border : None ;} /*  IE6 7 8 (q) Bug shows intra-row Performance  */ IFRAME { Display : Block ;} /*  Remove the border of this element in Firefox  */  Abbr, acronym { Border : None ; Font-variant : Normal ;} /*  Consistent del Style  */ Del { Text-Decoration : Line-through ;} Address, caption, cite, code, dfn, em, Th, VAR { Font-style : Normal ; Font-weight : 500 ;} /*  Remove the ID before the list. Li inherits  */  OL, UL { List-style :None ;} /*  Alignment is the most important factor in typographical layout. Do not center everything.  */  Caption, th { Text-align : Left ;} /*  Custom headers from Yahoo to adapt to multiple system applications  */  H1, H2, H3, H4, H5, h6 { Font-size : 100% ; Font-weight :500 ;} Q: before, Q: After { Content : '' ;} /*  Unified superscripts and subscripts  */  Sub, sup { Font-size : 75% ; Line-height : 0 ; Position : Relative ;Vertical-align : Baseline ;} Sup { Top : -0.5em ;} Sub { Bottom : -0.25em ;} /*  Show the link with an underscore in the hover status  */  A: hover { Text-Decoration :Underline ;} /*  By default, no underline is displayed to keep the page concise.  */  INS, { Text-Decoration : None ;} /*  IE6, 7 focus point line removal  */  A: focus, *: Focus { Outline : None ;} /*  Clear floating */  . Clearfix: before,. Clearfix: After { Content : "" ; Display : Table ;} . Clearfix: After { Clear : Both ; Overflow : Hidden ;} . Clearfix { Zoom :1 ; /*  For IE6 IE7  */ } . Clear { Clear : Both ; Display : Block ; Overflow : Hidden ; Height : 0 ; Line-height : 0 ; Font-size : 0 ;} /*  Set display and hide, usually used in combination with JS  */  . Hide { Display : None ;} . Block { Display : Block ;} /*  Set inline to reduce bugs caused by floating */  . Fl { Float : Left ; Display : Inline ;} . Fr { Float : Right ; Display : Inline ;}