css与css3总结

    css是层样式表cascading style sheets的缩写，用于定义html的显示形式。

    样式可以在html文档中定义，也可以在单独得css文档中定义。在html文档中定义的样式是内联样式和嵌入式样式。在外部css文档中定义的是
外部样式：
    1.外部样式：  建立一个css文档，将需要定义的样式写在这个文档中。
                  h1{
                     font-size:20px;      
                   }

                在html文档的head中接收它的引用
                    <link rel="stylesheet" type="text/css" href="css文档的存储路径">

    2.嵌入样式：直接在html文档的head中使用style标签。
                 <style type="text/css">
                   h1{
                     font-size:20px;   
                     }
                 </style>
   
    3.内联样式：直接在用各标签的style属性
                 <h1 style="font-size:20px">    </h1>

    选择器可以筛选要定义样式的元素。
    1.元素选择器是选择body中的一种元素（标签）对其进行样式定义：button{background-color：red}
    2.类选择器是选择某些具有相同class属性的元素（标签）对其进行样式定义：.class{background-color：red} 
    3.id选择器是选择某些具有相同id属性的元素（标签）对其进行样式定义：#id{background-color：red} 
    4.包含选择器（迭代选择器，派生选择器）是选择一个元素的某一个后代元素对其进行样式定义：
       p button{background-color：red}  (button是写在p段落里的按钮)
    5.通配符选择器是选择所有元素（标签）对其进行定义 *{background-color：red}
     
    6.伪类选择器可以定义一些没有css选择器可用的元素如<a>
      其中hover（光标放在目标上目标状态改变）适用于其他选择器（常用）  

  css和模型分为内容区，内边距padding，边框border，外边距margin。
  
   内容区随内容大小而改变，背景方面的定义是对整个border内的背景进行改变。

   margin，padding可以改变上下左右的大小。可以通过-top，-left，-right，-bottom进行大小的设定。也可以直接输入具体的
值：margin: 50px;四个方向的大小50px。
    margin：50px 20px；改变上下50px，左右20px的大小。
    margin：50px 20px 30px；改变上50px，左右20px，下30px的大小。
    margin：50px 20px 30px 10px；改变上50px，下20px，左30px，右10px的大小。

   width和height可以对块元素内嵌可替换元素大小进行更改，如图片。如<div style="width:30px"></div>仅限于内容区。

   border默认为不可见的，可以通过border-style：来设置其边界的样式，border的大小也可以进行设置，但是如果前面设置过margin的话，
再设置border的大小可能会使margin的大小设置失去意义。

   素浮动float，会使元素脱离文档流，可能会导致其它元素被其覆盖。元素默认为float="none"元素不浮动，而当其等于其它值时，元素就开
始浮动。而如果想要块级元素灵活的浮动就需要通过display：block将其变成行内样式。当元素开始浮动，由于其脱离文档流，所以其它元素就
会填充其留下的空白位置。

   定位可分为相对定位position：relative，绝对定位position：absolute，固定定位position：fixed。
   绝对定位会脱离文本流，以最初包含块为目标。
   相对定位以前一个位置为目标。
   固定定位固定于屏幕上某一点，相对于浏览器。