html - Using the same CSS rule for all headings -



html - Using the same CSS rule for all headings -

i noticed visual studio 2010 creates file site.css in default project next code:

/* headings ----------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #666666; font-variant: small-caps; text-transform: none; font-weight: 200; margin-bottom: 0px; } h1 { font-size: 1.6em; padding-bottom: 0px; margin-bottom: 0px; } h2 { font-size: 1.5em; font-weight: 600; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5, h6 { font-size: 1em; }

i don't understand why there part same properties have been set headings i.e. h1,h2,h3,etc. , each of headings given properties separately i.e. h1 {/props h1/} h2{/props h2/}. in advance.

this starts creating standardised set of rules of heading selectors, meaning consistent throughout whole design.

i imagine visual studio overrides necessary parts of individual selectors. example, wants <h1>s bigger overrides font-size: 1.6em. <h3> font size 1.2em font-variant, font-weight, text-transform etc don't need changed, setting 'standard' @ origin of page, visualstudio doesn't repeat of other styles, ones wants override.

there things don't create much sense, such setting font-size property on <h2> 1.5em done in standardising rules @ top, think more of problem how visualstudio set deal these rules (it's set generate css in way) opposed beingness 'makes sense'. wouldn't repeat same rule if hand-coding css.

i hope makes sense :)

html css

Comments

Popular posts from this blog

formatting - SAS SQL Datepart function returning odd values -

c++ - Apple Mach-O Linker Error(Duplicate Symbols For Architecture armv7) -

php - Yii 2: Unable to find a class into the extension 'yii2-admin' -