任务7—HTML4

1. 有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?使用场景是什么? 能否嵌套?

  1. 有序列表是以数字进行标记的列表项目:
 
  1. Coffee
  2. Milk
  1. 无序列表是以原点标记的列表项目:
 
  • Coffee
  • Milk
  • 自定义列表所表示的项目加注释的组合:
Coffee
Black hot drink
Milk
White cold drink

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

ul li {
   list-style-type: none;
}

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

  1. ID具有唯一性,Class具有普遍性。
  2. ID是唯一的,通常用于页面布局。
  3. Class是可重复的,通常用于样式定义。
  4. ID的样式优先级高于Class。

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

  1. 块级元素在浏览器显示时,通常会以新行来开始(和结束)。
    行内元素(内联元素)在显示时通常不会以新行开始。
  2. 块级元素可以设置 width, height属性,行内元素设置width, height无效。
  3. 块级元素可以设置margin和padding。行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。
    块级元素标签:div, p,form,ul,li,ol,dl,form,address,fieldset,hr,menu, table。
    行内元素标签:span,strong, em,br,img,input,label,select,textarea, cite。
  4. (X)HTML中的 < img>、