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
Post a Comment