Shulou(Shulou.com)06/01 Report--

Today, the editor will share with you the relevant knowledge points about how to construct CSS cascading style sheets. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's take a look.

You should organize your stylesheet so that the relevant content clings together and find what you want more easily. Use more effective annotations. For example, this is how I construct my cascading stylesheet:

/ * Reset*/

Removes the padding (padding) and margins (margin) of the element.

/ * Basic?Elements*/

Define the style of the basic element:? body,?h2-h7,?ul,?ol,?a,?p,? Wait.

/ * Generic?Classes*/

Define a simple style, like a floating side,? Remove the bottom margin of the element,? Of course, most of them are not related to the semantics we want, but they are necessary to process code efficiently.

/ * Basic?Layout*/

Define basic templates: header,?footer, etc.? Help define the basic elements of a web page layout

/ * Header*/

Define all Hearder elements

/ * Content*/

Define elements in all content boxes

/ * Footer*/

Define the elements of all Footer

/ * Etc*/

Define other selectors. By annotating and grouping similar elements, you will find what you want more quickly.

These are all the contents of the article "how to construct CSS cascading style sheets". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.