必备基础知识
- 无序列表
标签:
-
ul有type属性,通过修改type属性可以修改无序列表样式,默认type值是"disc"
- 有序列表
- 标签:
<ol><li>***</li></ol>
<ol>
通过type属性值不同修改每一条列表style type: "A" "a" "I" "i"
- 块级元素和内联元素
- 这个也是一个很好的介绍博客
- 由此可以区分
<div>和<span>
:前者是块级元素,后者是行内元素
也就是说:前者可以占用
练习
题目
解答过程
分析
- 1.对整个页面的划分从外向里:最外层是一个
<ul>
其中有两个<li>
分别,因为type是"disc",而默认type本身就是disc,因此不需要设置type属性 - 2.每一个
<li>
中是<ol type="1">
其中包含两个<li>
- 3.每个
<li>
中又是<ul>
其中包含两个<li>
- 4.因此判断完是一个三层嵌套列表
使用标签
- 1.
<ul>
<ol>
<li>
由于每个<li>
中还有文字,并且这些文字都是独自占了一行我们需要一个块级别元素抱住文字,经过查阅<ul><li>
都是块级元素因此,文字可以直接写出不需要用标签包住 -
开始编程
- 1.搭好框架
- 2.填充文字内容
答案
github地址Task1.html