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