CSS

一、css代码的书写位置
      1、内嵌式：写在head里面
      2、外链式：写在css文件内，在head处调用：<link rel="stylesheet" href="xxx.css">  href="css的路径"
      3、行内式：<div style="color: blue; font-size: 20px">这是一个div标签</div>

二、css选择器（如何精确的选中要休息的标签,style里面的内容）
      1、标签选择器：div{}选中了所有的div
      2、类选择器：标签后面加一个classs属性，选中：.类名{}
      3、层选择器：类里面选标签，空格表示里面的
      4、并集选择器：div,p{color: red;}  :div和p
      5、伪选择器：a:hover{color red}   :悬在上面会变红

三、常用文字控制属性
      1、font-family:"宋体"
      2、font-weight:bold
      3、font-style:italic     /*斜体*/
      4、text-decoration: underline    /*加下划线*/
      5、text-indent:2em /*设置文字缩进两个单位*/
      6、text-align:center;  文字居中
      三个去掉默认样式：
    font-weight:normal;
    font-style:normal;
    text-decoration:none;

四、去掉列表的默认样式：
    ul{list-style:none}

五、表单
   1、所有的表单都要在form框架里面；
   2、最重要的是value属性；
   3、placeholder:输入提示；
   4、单选框和复选框的name属性要统一；
   5、加上label属性可以使得点字体就可以选中；

六、盒子
   1、边框：border:1px solid #000
   2、内边距：padding：20px（盒子边框到内容之间的距离）  顺时针
   3、外边距：margin:30（盒子之间的距离）顺时针
   4、盒子加上：box-sizing:border-box （加大边框不会扩大盒子的占位）
   5、盒子居中：margin: 0 auto;（上下左右）

七、如下是一段简单的css初始化代码：
      /* 初始化CSS  重置浏览器样式*/
      html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form,img,input{ margin:0; padding:0; }
      ul, ol { list-style:none; }
      /* 设置全局样式*/
      body{ color: #666; font: 14px "宋体";}
      /* 设置超链接样式*/
      a{ color:#333; text-decoration:none; }
      a:hover{ color: #f40;}

八、溢出处理
   1、overflow:hidden；将溢出的隐藏
   2、overflow:auto；自适应加滚动条

九、表格标签（table）
   1、tr：行标签（含有td列标签，th表头标签）；
   2、设置边框重叠：border-collapse:colllapse（置于table的样式中）;
   3、table可以指定宽度：会以列的数量平分；
   4、colspan="2",两列合为一列（td的属性）；
   5、rowspan=“2”，两行合一行（td的属性）

十、定位：专门解决盒子的层级关系，要搭配方向词属性（top、left）
   1、相对定位：position relative（参照起始位置，占位）
   2、绝对定位：position absolute （父级左上角，不占位）
   3、固定定位：position fixed   （浏览器窗口，不占位）
口诀：子绝父相