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

This article mainly introduces what is the general practice of layout in css. What is introduced in this article is very detailed and has certain reference value. Interested friends must read it!

Generally speaking, when you start a web page layout, CSS will remove the list-style pattern of the list of ul ol li, and it is also for compatibility with major readers, banning list tags to allow list-style by default.

Cancel the list-style style code for ul li ol:

Ul,ol,li {list-style:none}

In the web page, you need to configure dots in front of the list, and then set up equipment for li and install Bac kg round background pictures.

1. Instance code

Ul li Organization instance-www.CSS5.com ul, ol, li {list-style: none;margin:0; padding:0;normal;font:14px/24px Arial} content one content two modes three

2. State clearly

In order to drop the acquiescence of the three li ul ol list-style, while configuring mragin and padding to 0, font size for 14px, line height for 24px.

Dot typesetting is realized by setting set pictures on li.

For that dot picture, see the dot.gif picture in the images folder in the download folder.

Why not use li with its own list-style-type configuration dot attainments?

This is because there may not be a gap between different hunters, the difference in the effect of resisting dots, and the difference between the right side of the distance, so the same ban on the list-style pattern, the new use of set format to achieve typesetting.

I hope you can master this skill and learn how to apply list-style at the same time.

The above is all the content of the article "what is the general practice of layout in css". 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.