计算机科学——web

  #第四章  列表、div标签和元素类型
  ##第一节 使用列表标签创建列表

• 有序列表＜ol>
  1.语法＜ol>
  ＜li>项目一＜/li>
  ＜li>项目二＜/li>
  ……
  ＜/ol>
  2.属性：
  type（1 为默认值.a.A.i.I）
  eg：＜ol type=“a”>

• .无序列表
  1.项目列表＜ul> （有前导符）
  2.语法：＜ul>
  ＜li>项目一＜/li>
  ＜li>项目二＜/li>
  ……
  ＜/ul>
  a.定义列表＜dl> （无前导符）
  b.语法：＜dl>
  ＜dt>名词一＜/dt>
  ＜dd>解释一＜/dd>
  ＜dt>名词二＜/dt>
  ＜dd>解释二＜/dd>
  ……
  ＜/dl>
  注：＜dl>声明定义列表
  ＜dt>定义解释的名词
  ＜dd>解释名词

• .嵌套列表
  1.定义：即一种列表里放有另一种列表。

• 元素类型
  一.block 块级元素
  1.特点：独占一行；不设置宽度样式时，宽度自动撑满父元素宽度；和相邻的块级元素依次垂直排列；可以设定元素的宽度以及四个方向的内外边距。
  2.块级元素有：div，p，h1～h6，ul，ol，dt，section，header，footer，nav
  二.Inline行内元素（内联元素或内嵌元素）
  1.特点：不会独占一行；不可以设置宽高；可以设定4个内边距和左右外边距；不可设置上、下方向外边距；高由元素决定，宽由内容长度控制。
  2.行内元素内不可以包含块级元素，常见有：span、a、em、strong等
  三.inline-block行内块元素
  1.特点：和相邻的行内元素以及行内块元素从左往右依次排列在同一行，直到一行排不下才会换行；可以设置宽高度；可以设四个方向的内外边距。

• 注：img在规范中为行内元素，但在表现行为上却是行内元素。