Organize base.css, reset browser styles

Source: Internet
Author: User
Tags ming

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.