HTML/CSS总结资料

复习
------------------
一、HTML
 标记语言
 1. HTML的基本语法：
   标签的定义、分类（单双标签）
   标签的属性使用 <标签名 属性名1=“值” 属性名1=“值” >被修饰的内容</标签名>
   注释：<!-- -->
   实体：空格：&nbsp; < &lt; > &gt;
 2. 格式化标签：
    <br/>
    <p>...</p>
    <center>...</center>
    <pre></pre>
    <ul> </ul>
    <ol> </ol>
    <li> </li>
    <hr/>
    <dl><dt><dd> 自定义列表
 3. 文本标签：
    <h1>....<h6>
    <b><i><u>
    <font size="" color="" face=""></font>
    <sup><sub>
    <strong>...</strong>
    ...
 4. 图片标签：
    <img ... />
    属性：src：引入图片地址
       width/height 宽和高
       border边框
       alt:图片加载失败（或慢）时提示文字
       title: 鼠标移入时提示文字
 5. 超级链接：
   <a href="地址"></a>
   属性：href="链接的地址"；
      target: 跳转方式：_blank(新窗口) _self（当前窗口、默认）
             _top（上一窗口） _parent（父窗口）  自定义窗口名
   链接可以分为
     站内链接：<a href="a.html">...</a>
     站外链接：<a href="http://www.**.com/a.html">...</a>
     mail链接：<a href="mailto:mail地址">...</a>
     锚点链接：<a href="#描点名">当前页条</a>
          <a href="**.html#描点名">跨页面</a>
     自定义锚点名：<a name="锚点名">...</a>
 6. 表格标签：
    <table></table>
    <tr></tr>
    <th></th>
    <td></td>
    <caption></caption>
    属性：table: width、height、border、bgcolor、cellspacing、cellpadding
       tr：height、bgcolor、align
       th、td: height、width、align、valign、colspan、rowspan、

 7. 表单：
    <form>..</form> 表单标签
    <input... /> 表单项标签
    <textarea... >..</textarea> 表单项标签（多行文本域）
    <select ..>  表单项标签（下拉框）  
     <option>...</option>
    </select>

    属性介绍：
     form：action、method="get/post"、enctype
     input：type、name、value、disabled、accessKey
       type的属性的值：
         text:单行文本域
         password:密码
         radio:单选  默认选中checked
         checkbox:多选 默认选中checked
         image:图片提交
         file:文件上传
         button:普通按钮
         hidden:隐藏域
         submit:提交
         reset:重置
     textarea：name、cols、rows
     select：name、size=“1”
     option： value/selected(默认选中)

 8. 页面的分帧（HTML框架）：
   <frameset></frameset> 框架标签 属性：rows、cols

   <frame ../>   载入分帧页面标签
     frame的属性：src、name、scrolling

   <iframe></iframe> 在一个网页内嵌入一个小页面窗口使用
   <noframes></noframes> 页不只是分帧时使用此标签



二、CSS
 1. 语法格式：选择符名{属性1:值1;属性2:值2;...}
   注释：/*....*/

 2. CSS在HTML中的使用方式：
   2.1 内联（行内）
   2.2 内嵌（内部）在网页的head头部标签中，使用style标签嵌入
   2.3 外联 （外部）在网页的head头部标签中，使用link标签导入一个css样式文件
           还用在css中使用import导入css文件
   优先级：就近原则（当样式冲突时以最近为主，不冲突则采用叠加效果）

 3. 选择符的种类：
   1. HTML选择符：使用HTML标签名

   2. 类选择符： 在html标签中使用class定义，在CSS中使用点方式指定。

   3. ID选择符： 在html标签中使用id定义（要求唯一），在CSS中使用#方式指定

   4. 关联选择符(包含式)： 选择符1 选择符2 选择符3 ...{...}

   5. 组合选择符（并列方式）： 选择符1,选择符2,选择符3,...{...}

   6. 伪类选择符：使用冒号: 是特有的，如a:link/ a:active

 4. CSS的常用属性：
    1. 字体
    2. 文本
    3. 背景
    4. 边框
    5. 鼠标
    6. 列表
    7. 定位
    8. 区块

三、DIV+CSS布局
   div和span标签
   盒子模型：border、margin、padding
   其他属性：width、height、top、left、position、z-index、display