CSS Knowledge Baseref. CSS 2.1

Normalization of Style in HTML

In order to make HTML elements rendered by user agent more consitstently with the author's specification, some properties of each element are needed to be normalized. Properties of each element can be specified accordingly.

1. For examples, color and background of an element.

   /* last update 27Jul2016 */
   body 		{color: "Times New Roman";}		/* CSS 2.1 initial: depends on user agent */
   body 		{background-color: transparent;}   	/* CSS 2.1 initial: transparent  */
   body 		{background-image: none;}  		/* CSS 2.1 initial: none  */
   body 		{background-attachment: scroll;}   	/* CSS 2.1 initial: scroll */
   body 		{background-position: 0 0;} 	  	/* CSS 2.1 initial: 0% 0% */
   body 		{background-repeat: repeat;}		/* CSS 2.1 initial: repeat */
   

2. For examples, Font and Text of an element.

   /* last update 27Jul2016 */
   html            {font-family: "Times New Roman";}	/* CSS 2.1 initial:depends on user agent */
   body            {font-size: 16px;}			/* CSS 2.1 initial: medium */
   h1              {font-size: 1.75em;}			/* CSS 2.1 HTML: 2em */
   h2              {font-size: 1.5em;}			/* CSS 2.1 HTML: 1.5em */
   h3              {font-size: 1.37em;}			/* CSS 2.1 HTML: 1.17em */
   h4              {font-size: 1.12em;}			/* CSS 2.1 HTML: 1em */
   h5              {font-size: 1em;}			/* CSS 2.1 HTML: 0.83em */
   h6              {font-size: 0.87em;}			/* CSS 2.1 HTML: 0.75em */
   h1,h3,h5        {font-style: italic;}			/* CSS 2.1 initial: normal */
   h2,h4,h6,p      {font-style: normal;}
   p               {font-variant: normal;}			/* CSS 2.1 initial: normal */
   h1,h2,h3,h4,h5,
   h6              {font-weight: bold;}			/* font-weight CSS 2.1 initial: normal */
   p               {font-weight: normal;}
   p               {text-align:justify;}			/* text-align CSS 2.1 initial: a nameless value that acts as 'left' if 'direction' is 'ltr', 'right' if 'direction' is 'rtl'  */
   h1,h2,h3        {text-decoration:underline;}            /* text-decoration CSS 2.1 CSS 2.1 initial: */
   h4,h5,h6        {text-decoration:none;}
   p		{line-height: 115%;}			/* CSS 2.1 initial: normal */
   p		{text-indent: 0;}                       /* CSS 2.1 initial: 0 */
   p		{text-transform: none;}                 /* CSS 2.1 initial: none */
   
   

3. For examples, the box model.

   /* last update 27Jul2016 */
   div,p,img 	{height: auto;} 			/* CSS 2.1 initial: 0 0 */
   div 		{max-height: 300px;} 			/* CSS 2.1 initial: none */
   div 		{min-height: 0;} 			/* CSS 2.1 initial: 0 */
   div 		{max-width: none;} 			/* CSS 2.1 initial: none */
   div 		{min-height: 0;} 			/* CSS 2.1 initial: 0 */
   div 		{width: auto;} 				/* CSS 2.1 initial: auto */
   
   

4. For examples, area outside the content area of a box model.

   /* last update 27Jul2016 */
   body,div,h1,h2,
   h3,h4,h5,h6,a,
   p,pre,ul,ol,img {border-color: black;}                  /* CSS 2.1 initial: depends on user agent */
   body,div,h1,h2,
   h3,h4,h5,h6,a,
   p,pre,ul,ol,img {border-style:solid;}                   /* CSS 2.1 initial: none */
   body,div,h1,h2,
   h3,h4,h5,h6,a,
   p,pre,ul,ol,img {border-width:0;}                       /* CSS 2.1 initial: 0 */
   body,div,h1,h2,
   h3,h4,h5,h6,a,
   p,pre,ul,ol     {margin: 0;}                            /* CSS 2.1 initial: 0 */
   img             {margin: 0 auto;}                       /* CSS 2.1 initial: 0 0 */
   body,div,h1,h2,
   h3,h4,h5,h6,a,p,
   h1,h2,h3        {margin-top: 0.6em;}                    /* CSS 2.1 initial: 0 */
   div,h4,h5,h6,a,
   p,pre,ul,ol     {margin-top: 0.5em;}                    /* CSS 2.1 initial: 0 */
   div,h1,h2,h3,
   h4,h5,h6,a,p,
   pre,ul,ol       {margin-bottom: 0.3em;}                 /* CSS 2.1 initial: 0 */
   pre             {outline: invert solid 1px;}            /* CSS 2.1 initial: invert none medium */
   body,div,h1,h2,
   h3,h4,h5,h6,a,
   p,ul,ol,img     {outline: silver solid 0;}
   body,div,h1,h2,
   h3,h4,h5,h6,a,
   p,ul,ol,img     {padding: 0;}                           /* CSS 2.1 initial: 0 */
   pre             {padding: 0;}
   
   

5. For examples, layout of a box model.

   /* last update 27Jul2016 */
   body,div,pre,p	{clear: both;} 			/* CSS 2.1 initial: none */
   img 		{display: block;} 			/* CSS 2.1 initial: inline */
   body 		{float: left;} 			/* CSS 2.1 initial: none */
   div,pre 		{overflow: auto;} 			/* CSS 2.1 initial: visible */
   div,img 		{position: relative;} 		/* CSS 2.1 initial: static */
   body,div,pre,p	{visibility: visible;} 		/* CSS 2.1 initial: visible */
   p		{white-space: normal;}                  /* CSS 2.1 initial: normal */
   img		{white-space: nowrap;}
   img 		{z-index: 1;} 			/* CSS 2.1 initial: auto */
   
   

6. For examples, generated elements.

   /* last update 27Jul2016 */
   ol,ul {list-style-image: none;} /* CSS 2.1 initial: none */
   ol,ul {list-style-position: outside;} /* CSS 2.1 initial: outside */
   ol,ul {list-style-type: none;} /* CSS 2.1 initial: disc */
   table {border-collapse: collapse;} /* CSS 2.1 initial: separate */
   table {border-spacing: 0;} /* CSS 2.1 initial: 0 */
   caption {caption-side: top;} /* CSS 2.1 initial: */
   table {empty-cells: show;} /* CSS 2.1 initial: show */
   table {table-layout: auto;} /* CSS 2.1 initial: auto */
   
   

7. For examples, ......

   /* last update 27Jul2016 */
    {:;} /* CSS 2.1 initial: */