任务7-html4

1.有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？ 如何嵌套？

有序列表使用编号来记录项目的顺序，在当列表项目的每个列表项目前面需要一个递增值的时候使用，默认用1.、2.、3.。
无序列表使用项目符号来记录无序的项目，默认用圆点。
自定义列表由两个部分组成：定义条件和定义描述。

描述项目名称，

描述项目名，一个项目可以有多个项目名，多个描述。
它们都按照由上到下顺序执行。
无序列表和有序列表都可以通过设置list-style-type，表现为对方的样式。但这样是不推荐的，这违反了html标签的语义化。语义化是标签被创造时具有的作用，像

用于一级标题，

用于段落，它们都有默认的样式，是为了某种用途存在的，可以直接应用时，没必要设置多余的CSS样式，增加编码负担。
无序列表主要应用于导航条、下拉菜单、照片显示等不需要数字编号的，有序列表主要用于博客评论等，需要楼层的编号。自定义列表主要用于商品列表等，有名称，有描述。
在html5中

标签多了两个属性start和reseved。start属性支持从一个数字开始计算列表数。'reseved'支持倒序。

,
,
1. ,

   ,

   ,

   都是块级元素标签。这三个列表可以相互嵌套。嵌套列表很容易。决定在哪里嵌套后，先不要闭合这个列表标签，插入需要嵌套的列表之后再闭合列表元素，然后继续原来的列表。
   举个例子：

   
   
   
       
       
       
   
   
       
   
           
   
           无序列表
           
   
           
   无序列表1
           
   无序列表2
           
           
           
   有序列表
           
   
           
   有序列表1
           
   有序列表2
           
   有序列表3
           
           
           
   无序
           
           
   
           自定义列表
           
   
           
   自定义
           
   列表
           
   列表1
           
   列表2
           
           
       
       
   
   

   效果图：

   
   

   

   2.如何去除列表前面的点或者数字？

   设置list-style-type: none;
   举个例子：

   
   
   
       
       
       
   
   
       
   
           
   无序列表1
           
   无序列表2
           
   无序列表3
       
       
   
           
   有序列表1
           
   有序列表2
           
   有序列表3
       
   
   
   

   效果：

   
   

   

   3.class 和 id 有什么区别？什么时候用 class 什么时候用 id？

   class和id的区别：
   1.定义不同。class 属性规定元素的类名（classname）。id 属性规定 HTML 元素的唯一的 id，一般用于重要的独一无二的标签。
   2.同一class名在一篇HTML文档中可以出现多次，id名只能出现一次，是唯一的。
   3.class可以写成class="intro other"，可以有多个class名，id名不能这样写。
   4.同一个标签可以同时有class和id属性，但在写CSS样式时，两者权重不同。
   一般在页面布局时，id用于主区块，class用于主区块里的详细内容，对于有些重要的独一无二的元素也可以用id。

   4.块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？

   “块级元素”译为 block level element，块级元素在浏览器显示时，通常会以新行来开始（和结束）。“行内元素”译为 inline element。行内元素在显示时通常不会以新行开始。
   块级元素占用一整行，行内元素的宽高是它自身内容的宽高。行内元素设置左右margin、padding时有效，上下时加边框可以看到效果，但是对其上下元素的位置没有影响。
   块级元素一般可以包含行内元素和其它块级元素。而行内元素一般只能包含数据和其它行内元素。
   块级元素主要对应的常用标签有：
   

   ,

   ,

   ,
   ,
   1. ,

      ,

      ,

      ,

      ~

      ,

      ---

      ,

      ,,,

      ,

      ,,