CSS example Tutorial: Code attribute grouping example

DocumentThe topic on the Forum some time ago seems to have been discussed by no one, and I didn't want to talk about it. I am not very professional. SO, let's just put some ideas here.

Although no one followed the post later, I have been thinking about it for a few days. I will discuss how to write/arrange it later. In fact, the CSS code is also written to consider attributes, that is, attribute grouping: controlling the size, controlling the color, and controlling the positioning ...... . There must be more than one of these types. The specific grouping is entirely based on your own feelings.

For example, you can put the attributes of width, height, and Row Height on one row, and then put the font color, font size, and font width on one row.

The following code is used: . New_list { Margin-bottom: 6px; padding-top: 4px; ; Height: 300px; Background: white; border: 1px solid # D4D4D4; Color: purple; font-size: 13px; font-weight: bold; } . Art_show { Display: block; float: right; ; Height: 45px; line-height: 24px; Margin: 6px; margin-left: 0px; padding: 2px; padding-right: 10px; Border: 1px solid # d4d4d4; border-left: 4px }

The advantage of this writing is not only that it looks comfortable, but also that it is very convenient to modify. Because the vertical layout method is used, some styles that occupy a long screen will appear (but at least it is more convenient to see the screen). This method can be effectively avoided.