CSS的简单功能3

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

无序列表（全称： unordered list)

无序列表前以圆点表示

`有序列表（全称：ordered list） ` 
` `

有序列表前以数字或字母表示。

`:就会显示成a b c ... `

`:就会从10开始。

大标题: 小标题; 小标题; 小标题
大标题: 小标题; 小标题; 小标题

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

list-style-type: none; 设置列表为无格式。

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

id：指定标签的唯一标识class:指定标签的类名,在某些特指的环境用的比较多，例如锚点。
使用时要加上“#”来专指id。
例如：
``# p {
}"
class：可以通过给多个元素赋予同一class，批量操作来设置css。

4.块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？display: block、display: inline、display: inline-block分别有什么作用?

块级元素：div、p、h1..h6、table、ul、li、dl、dt、form
行内元素：a、span、img、input、button、em、textarea

块元素在页面内展示的效果是占满一行，行内元素则是其本身一小块。
但是可以通过代码来改变元素属性：
例：
1. a { display:block; }
  “a”展示为块元素。
2. div { display:inline; }
  “div”展示为行内元素。
3. a { display:inline-block; }
  “a”包含两种元素的某些特性，但在ie8以下无法使用。
  inline-block 的元素既具有 block 元素可以设置宽高的特性，同时又具有 inline 元素默认不换行的特性。当然不仅仅是这些特性，比如 inline-block 元素也可以设置 vertical-align 属性。HTML 中的换行符、空格符、制表符等合并为空白符，字体大小不为 0 的情况下，空白符自然占据一定的宽度，使用inline-block 会产生了元素间的空隙,行内元素拥有块级元素属性,但可以在同一行排列.
  
  注：
  1. 行内元素的宽高设置无效，其宽高是由自身决定的。
  2. 行内元素的左右padding和margin是有效的，但是上下不占据空间。
    
    5.下面代码是做什么的？抄写一遍下面的代码，注意class和id的使用及命名方式
    
    此代码外部通过"div id“将整个页面划分为header 、footer、content三部分,内部用`
    设置整个页面为左右居中，上下高度为零。
    
    6.如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节
    - 语义化HTML可以让页面结构更清晰，可读性更强，以及更有利于SEO。
      
      html标签语义化布局
    - header元素
      header 元素代表“网页”或“section”的页眉。通常包含h1-h6
      元素或hgroup
      ，作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分，一个搜索框，一个nav
      ，或者任何相关logo。
      整个页面没有限制header元素的个数，可以拥有多个，可以为每个内容块增加一个header元素。
      
      header的示例代码
      
      header使用注意：
      可以是“网页”或任意“section”的头部部分；
      没有个数限制。
      如果hgroup或h1-h6自己就能工作的很好，那就不要用header。
    - footer元素
      
      footer元素代表“网页”或“section”的页脚，通常含有该节的一些基本信息，譬如：作者，相关文档链接，版权资料。如果footer元素包含了整个节，那么它们就代表附录，索引，提拔，许可协议，标签，类别等一些其他类似信息。
      
      footer的示例代码
      
      footer使用注意：
      
      可以是“网页”或任意“section”的底部部分；
      没有个数限制，除了包裹的内容不一样，其他跟header类似
    - hgroup元素
      hgroup元素代表“网页”或“section”的标题，当元素有多个层级时，该元素可以将h1到h6元素放在其内，譬如文章的主标题和副标题的组合
      
      hgroup示例代码
      
      hgroup使用注意：
      
      如果只需要一个h1-h6标签就不用hgroup
      如果有连续多个h1-h6标签就用hgroup
      如果有连续多个标题和其他文章数据，h1-h6标签就用hgroup包住，和其他文章元数据一起放入header标签
    - nav元素
      nav元素代表页面的导航链接区域。用于定义页面的"主要导航部分"
      
      nav 实例
      
      规范上说nav只能用在页面主要导航部分上。页脚区域中的链接列表，虽然指向不同网站的不同区域，譬如服务条款，版权页等，这些footer元素就能够用了。
      
      nav使用注意：
      
      用在整个页面主要导航部分上，不合适就不要用nav元素；
    - aside元素
      aside元素被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、标签、名次解释等。（特殊的section）
      
      在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以是日志串连，其他组的导航，甚至广告，这些内容相关的页面。
      
      aside实例
      
      aside使用注意：
      
      aside在article内表示主要内容的附属信息，
      在article之外则可做侧边栏，没有article与之对应，最好不用。
      如果是广告，其他日志链接或者其他分类导航也可以用
    - section元素
      section元素代表文档中的“节”或“段”，“段”可以是指一篇文章里按照主题的分段；“节”可以是指一个页面里的分组。
      
      section通常还带标题，虽然html5中section会自动给标题h1-h6降级，但是最好手动给他们降级。如下：
      
      section示例代码
      
      section使用注意：
      
      一张页面可以用section划分为简介、文章条目和联系信息。不过在文章内页，最好用article。section不是一般意义上的容器元素，如果想作为样式展示和脚本的便利，可以用div。
      
      表示文档中的节或者段；
      article、nav、aside可以理解为特殊的section，所以如果可以用article、nav、aside就不要用section，没实际意义的就用div
    - article元素
      
      article元素最容易跟section和div容易混淆，其实article代表一个在文档，页面或者网站中自成一体的内容，其目的是为了让开发者独立开发或重用。譬如论坛的帖子，博客上的文章，一篇用户的评论，一个互动的widget小工具。（特殊的section）
      
      除了它的内容，article会有一个标题（通常会在header里），会有一个footer页脚。我们举几个例子介绍一下article，好更好区分article、section、div
      
      一篇简单文章的article示例代码
      
      上例是最好简单的article标签使用情况，如果在article内部再嵌套article，那就代表内嵌的article是与它外部的内容有关联的，如博客文章下面的评论，如下：
      
      文章里的评论，一个article嵌套article来表示的实例
      
      因为文章内section部分虽然也是独立的部分，但是它门只能算是 组成整体的一部分，从属关系，article是大主体，section是构成这个大主体的一部分。本网站的全部文章都是article嵌套一个个section章节，这样能让浏览器更容易区分各个章节所包括的内容。
      那section内部嵌套article又有哪些情况呢，如下
      
      一个section里的article实例
      
      article使用注意：
      
      自身独立的情况下：用article
      是相关内容：用section
      没有语义的：用div
      
      转载于: HTML 5的革新——语义化标签(一)
    - 写代码时注意个人代码风格要统一，例如大小写，横线的使用等，代码尽量简洁，可读性强，以便于后期维护。
      
      7.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？post 和 get 方式的区别？在input里，name 有什么作用？
      
      form表单主要用于用户向服务器提交信息。
      
      input常用标签有以下几种：
      
      常用的input标签
      
      get标签的特点是会在URL上显示出所提交的信息，所以其提交的信息量不能太大，大小应在1k以内，这是由于浏览器的限制。而且不能用于提交账号密码等需要保密的信息，因为这些信息都会通过URL显示出来，很容易通过查询网页历史浏览记录查出来。
      post提交的内容大小理论上无上限，跟服务器有关。
      
      name用于将用户提交的某个数据传输到后台，供后端识别。
      例：
      性别：男女
      当用户选了“男”后，后台就会收到 “male”。
      
      8.、提交、三者有什么区别？