The standard and best example-div+css tutorial on CSS

This tutorial will help you understand the Web site and CSS files, and will also help you understand the content in the CSS file. Index part knowledge a formatted CSS annotation paragraph, CSS standard and best example.

CSS is used to define the user interface of a Web site or to differentiate between display and content.

Since CSS is widely used on almost every web site, let's take the time to create a stylesheet and make sure it meets good standards. The following tips will greatly help CSS beginners in the development process.

Index

The definition of this section will help you and other developers understand Web sites and CSS files, and will help you understand the content in CSS files. Index part knowledge a formatted CSS annotation paragraph.

1 give the author information of the CSS file

2 Define the design of the website (number of columns, static/dynamic) [columns, Static/liquid]

3 keep track of file versions (useful when a file has more than one author or needs to have an upgrade update in the future)

Anchor Point

Anchor points are like bookmarks in the same CSS file, and anchors make it clear that you can browse through the entire CSS file and make it organized.

Anchor points need to be defined in the index of the CSS (mentioned above), because CSS does not have its own anchor system, so I used a simple technique in the document to define the anchor points.

The method is to define the annotation with a relatively rare character, and when you are looking for an anchor, you can copy and look at the anchor's definition from the index and find the anchor point.

Redefine

Redefining is the way to override HTML default label styles and redefine them. Have you ever seen a CSS code that just wants to add a style to that particular element!

A very beautiful usage in CSS is the context selector, let's use it: