Preston Meadow's Height Enhancement Blog

css height

Css Creation Rules – I

If you are going to write quite a voluminous CSS-file, you should follow some general recommendations, which can help to avoid mistakes and to make the code understandable and convenient.

Write all the rules for every selector in the same place

It is allowed for very selector to add every style parameter and its meaning apart, as it is shown in the example 1.

TD { background: olive; }TD { color: white; }TD { border: 1px solid black; }

Note, however, this is not very practical. It is necessary to repeat a single selector several times and it is very easy to be confused in their height. Therefore, the arguments for each selector to write down. In this case, the list will be mentioned to receive the next view (example 2).

TD {background: olive;color: white;border: 1px solid black;}

The shape of the letter – one or more lines – according to the author. Assuming that all parameters in a separate line, it is easier to make sense necessary with the help of a look. According to the CSS code editing easier and faster.

There must be meaning in the code below

If the starting point, there is a parameter with a meaning that is for switch assemblies, and later the same parameters, but already with a different meaning when it is applied, the effect is weaker than in the code (example 3).

P { color: green; }P { color: red; }

In the given example for the selector P, the color of the text first sets as green and later – red. As the meaning RED is located lower, than finally it will be applied to the parameter COLOR.

Indeed, it would be better to avoid such a note and delete the repeating selector parameters. But the same may occur not evidently, for example, in the case of connection of the different style files, which consist the same selectors.

Begin with the selectors of the top level

Taking into consideration, that a lot of style qualities of the elements are inherited from their parents, it is better to begin the style sheet with the selectors, which are the containers for other elements. Particularly, these are BODY, TABLE, UL, OL and others. If it is necessary to set the typeface of the script for the whole text of the web-page, then it is necessary to apply the parameter FONT-FAMILY to the selector BODY, like it is shown in the example 4.

BODY {font-family: "Times New Roman", Times, serif; /* Script typeface */font-size: 110%; /* Script size */}

The inheritance of the qualities allows not repeat for several times one and the same parameters, if they were set for the selectors of the top level. But, not all the attributes are inherited and to some of them, like BORDER it is necessary to treat several times.

____________________

More information about CSS, HTML, PHP & SEO here: PHP Tutorials.

About the Author

Height attribute CSS?

Hi, I have a question about programming in CSS, Im doing this website which consists of 5 divs ( mainly ) a header, placed on top width full page; a footer with copyright ( same as header only a little shorter ) and the “main body” of the page consisting on the left, center, and right sides. I manage to deal with the width but when it comes to height I dont know how to make it so all those 3 are 100% of the web, they get auto height depending on what they contain. Please, can I use the percentages to give height and width to