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

This article mainly introduces what is the sort of CSS attributes. It is very detailed and has a certain reference value. Friends who are interested must finish it!

A little test.

This example is to make you think about how to find the right margin attribute more quickly.

Example#1

Div#header?h2? {

Z-index:?101

Color:?#000

Position:?relative

Line-height:?24px

Margin-right:?48px

Border-bottom:?1px?solid?#dedede

Font-size:?18px

}

Example#2

Div#header?h2? {

Border-bottom:?1px?solid?#dedede

Color:?#000

Font-size:?18px

Line-height:?24px

Margin-right:?48px

Position:?relative

Z-index:?101

}

You can't tell me that Example#2 can't find the right margin attribute faster. Sort your element attributes alphabetically. Creating your CSS consistently will help you save time looking for a particular attribute.

I know that some people organize code in this way, others organize it in another way, but in my company, we make a consensus decision, and all the code will be organized alphabetically. It must be helpful to organize your code to work with others in this way. I flinch every time I come across cascading stylesheets whose attributes are not sorted alphabetically.

The above is all the content of the article "what is the order of CSS attributes?" Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow 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.