必备基础知识

• 无序列表

• 标签:

  
  
  无序列表
  
  
  结果

• 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.填充文字内容

答案

代码