Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

What is the sort of CSS attribute?

2025-04-05 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

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.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report