规则：

      标签不可嵌套

      F12工具=检查

      css中用/*注释*/  ； html中用<!--注释-->

      #  占位符号

      元素即标签，标签即元素

标签：

      href：跳转至地址

      <center>  网页内容居中

      <a>标签是超链接标签 （ 属性：href指向一个链接地址；target设置打开目标页面的位置--可选值：blank新窗口、self当前窗口）

      <iframe>内联框架引入外部    （属性：src）

      <link rel="stylesheet" type="text/css" href="style.css"> （href 指定一个外部css文件）【答辩项目】

快捷键：

      Ctrl shift+D    整行复制粘贴

      Ctrl shift+K    删除一行

      Ctrl Alt+上下键  多行同时编辑

      Ctrl +enter 不用在行尾，直接换行

块和内联：

      块元素： div  p(只能包含内联，不会包含块)  h1~h6  ul  li    [独占一行]    一般块元素包含内联元素

      内联元素（行内元素）：a(超链接包含任意元素 ，不能包含自身)  img  iframe  span      [占自身需要]

属性：

      style样式    内为键值对格式

      type="text/css"    固定格式，写不写都可以，为兼容写上较好

选择器：

      元素选择器(标签选择器)：标签名 { }

      类选择器：.className { }

      ID选择器：#id { }

      复合选择器(交集选择器)：选择器1选择器2{}

      群组选择器/选择器分组(并集选择器)：选择器1,选择器2,选择器3 { }

      通用（配）选择器：*{ }

      子元素选择器：父元素 > 子元素{}    【ie6即以下浏览器不支持】

      后代选择器：标签名称1(.类选器名称1)(#ID选择器名称1)空格标签名称2(.类选器名称2)(#ID选择器名称2)空格标签名称3(.类选器名称3)(#ID选择器名称3){css样式代码;}

      兄弟选择器：查找后边一个兄弟元素  .  兄弟元素 + 兄弟元素{}

                          查找后边所有的兄弟元素  .  兄弟元素 ~ 兄弟元素{}

      否定伪类：:not(选择器){}

      伪类选择器：[伪类选择器以冒号开头]  eg：:link    未访问时      **

                                                                        :visited

                                                                        :hover                  **

                                                                        :active  点击时            【顺序一般从上至下】

                                                                        eg：a:link{}