In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-04-06 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >
Share
Shulou(Shulou.com)06/01 Report--
This article mainly explains the "ul li html unordered list tag group case analysis", the content of the article is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "ul li html unordered list tag group case analysis"!
Belongs to an unordered list combination tag-is a combination of html list tags.
Html web page code often uses the ul li list organ tag.
1. No matchmaking
You can only put li tags in ul, and you can get rid of any tags in li tags, although it is also necessary to put ul li combination list tags in li.
1. Grammar:
List content one list content two list content three
There may be several li tag modes within the ul
Results:
Ul li is easy to use
2. Use indication
Li cannot be used alone without ul, even though ul cannot be used alone without li. It usually requires ul li to be common, and structurally li as a child of ul.
3. Reuse li with ul li
Li is placed in ul, although any html tag elements are roughly used in li, it is also possible to nest ul li.
List form one level two li mode two level li two level li list mode two list form three
That is to say, we can see the effect of the first picture in this article.
4. Why is ul li called an unordered list?
By default CSS, each li mode is a dot, circle, and so on in the reader without serial numbers 1, 2, 3, one, two, three.
2. How to use it by practical organs
Ordinary articles assume that there is a list directory, probably using ul li structure or ol li organization (ordered list), usually because the reader version, browser brand, so the default ul li CSS format is different, so usually we are the first choice to remove the ul li default css format, and then configure the new CSS style from scratch.
The following is a list of articles, with some attainments in front.
1. The first choice to prepare a "point" picture
Dot.gif, put it in the images folder
Replace the default dots picture material
2. Corresponding key CSS code
Ol, ul, li {list-style: none;margin:0;padding:0;} / * list-style: none remove the three tags of ol ul li, remove the outer spacing and outer white spacing * /
Ul.news {border:1px solid # 00F; padding:10px; width:300px;} / * set the border, width and inner spacing of the equipment ul * / ul.news li {background:url (dot.gif) no-repeat 0 15px; height:30px; padding-left:10px; line-height:30px; text-align:left;} / * set the equipment installation dot picture to the li background, height, line height, form left alignment * /
3. HTML code
List form one list form two CSS question intention on CSS5 study css on CSS5
4. The effect of hunting device
Practical use of li ul
Technique, the picture material (dot) as a li backup picture appears dot attainments, while using padding-left to set the dot set picture and calligraphy distance, how dots are good other picture material may change, at the same time CSS may not control the distance between the hunting device show unmatched.
Thank you for your reading, the above is the content of "ul li html unordered list tag group instance analysis". After the study of this article, I believe you have a deeper understanding of the problem of ul li html unordered list tag group instance analysis, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!
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.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.