css

 1、什么是css?
 cascading stylesheet(级联样式表)。为网页提供
 外观（也就是，网页的表现形式）。将网页的外观
 写在一个css文件里，方便页面代码的维护（将
 表现与数据分离）。
2、css的基本语法
 选择器{
  属性1:属性值1;
  ...
  属性n:属性值n;
 }
 符合选择器要求的标记，会添加对应的样式。
3、选择器
 1)标记选择器(简单选择器)
 body{
  font-size:30px;
 }
 2)  class选择器
  .s1{
   font-size:60px;
  }
  对class属性值匹配的标记起作用。
  
  p.s2{
   font-size:90px;
  }
  只针对p标记，并且class属性值是s2。
 3) id选择器
  #d1{
   width:200px;
   height:200px;
   background-color:red;
  }
  只针对id属性值为d1的标记起作用。
  注意，在同一个html文件当中，所有的标记的
  id属性值必须唯一。
 4) 选择器的派生
  #d2 p{
   font-size:120px;
  }
  id属性值是d2,并且，在该标记下有一个子标记是
  p。对p中的内容起作用。
 5)选择器的分组
  h1,h2,h3{
   font-size:160px;
  } 
  对h1,h2,h3三个标记都起作用。
4, 样式的优先级
 内联样式(即在标记里面，使用style属性定义的样式)
 内部样式(即在html文件里，使用style标记定义的样式)
 外部样式(即在.css文件里定义的样式)
 默认样式(浏览器提供的)
 优先级从上外下，越来越低。
5、样式的继承
 子标记会继承父标记的样式。
6，常用的属性
 1)文本
  font-size: 30px; //字体大小
  color:red; //颜色
  font-family: "宋体"; //字体
  font-weight: 900; //粗细
  text-align: right/center/left;//水平对齐
  line-height: 30px;//行高
 2)定位
  width:200px; //宽度
  height:200px;//高度
  margin://外边距
   margin-left: 200px;
   margin-right:100px;
   margin-bottom:80px;
   margin-top:60px;
   也可以简化为:
   margin: 60px 100px 80px 200px; //顶，右，底，左
   margin: 20px auto; //上，下20px,左右居中。
  padding://内边距
   padding-left:100px;
   padding-right:80px;
   padding-bottom:60px;
   padding-top:40px;
   padding: 40px 80px 60px 100px;//顶，右，底，左
  内边距会将父标记撑开。
   
  块标记与行内标记:
   块标记:
    需要另起一行的标记。
    div,img,p,form,table,ul,li,h1,
   行内标记:
    不需要另起一行，从左到右摆放。
    <span>,<strong>
 3)背景
  background-color:red;//背景颜色
  background-image: url(t1.jpg);//背景图片
  background-repeat: no-repeat/repeat-x/repeat-y;
  background-position: 20px 40px;//水平 垂直,
  //为负数，表示水平方向向左，垂直方向向上。
  background-attachment: fixed/scroll(缺省);//依附方式
  //没有平铺，水平平铺，垂直平铺
  也可以简化为
   background:
   背景颜色 背景图片 平铺方式 依附方式 水平位置 垂直位置
   比如:
   background: url(nane.gif) no-repeat fixed 20px 40px;
 4)边框
  border: 1px solid red; //宽度、类型、颜色
  border-left:1px solid red;
  border-right:1px solid red;
  border-bottom:1px solid red;
  border-top:1px solid red;
 5)列表
  list-style-type:none;//除掉列表的项目符号
 6)浮动
  取消标记独占一行的特性。
  float: left/right;
  clear: both; //取消浮动
 7)链接的伪样式
  a:link { color: red} 没有访问时
  a:visited { color: blue} 访问后
  a:active { color: lime} 鼠标点击但还没有放开时
  a:hover { color: aqua} 鼠标指向时

7、两个重要属性
 1)display:
  block:以块标记的方式显示
  inline:以行内标记的方式显示
  none:不显示
 2)position:
  static:(缺省值),浏览器默认情况下，按从左到右，
  从上到下摆放各个标记。
  absolute:相对父标记偏移
  relative: 首先按浏览器默认的方式摆放，然后，
  再偏移。
8、浏览器的“混杂模式”。
 一个html文档，如果没有添加文档类型声明，IE
 会开启"混杂模式",即让浏览器降级（为了兼容老的
 页面）。如果加上文档类型声明，则开启“标准模式"。