2018/1/23 日小结（1）

css补充知识点（二）
1.border:   各边可单独设置；
2.text-align:center;对齐方式 ；
3.文字默认像素：fonnt-size:16px；
4.文字在容器中水平垂直都居中：
    文本高度=容器高度：height=line-height；
    设置padding

5.空两格：
    text-indent:2em;
    em: 1em = 1 * font-size ; =16px;相对单位；
    1em是一个字体的高度和宽度；
    line-height:1.2em;行高=1.2倍的像素；
    px: 像素，英寸；是一种相对的单位;
6.text-decoration: line-through;
  text-decoration: none;
  text-decoration: underline;
  text-decoration: overline;
7.光标
    cursor: pointer;
    cursor: help;
    cursor: copy;
8.伪类选择器
 a:hover{
    点击超链接后的样式
 }
 9.
    1.行级元素、内联元素：span    strong  em  a   del
     feature:内容决定元素所占位置
        不可以通过css改变宽高
        span{
            display:inline;
        }
    2.块级元素、block ：div    p   ul  li  ol  form    address
       feature:独占一行
        可以通过css改变宽高
        div{
            display:block;
        }
    3.行级块元素;img
        feature：内容决定大小
        可以改变宽高
        img{
            display:inline-block;
        }
10.凡是带有inline的元素都有文字特性
11.压缩代码：
    将三个字母用一个字母表示
    去空格，去回车
12.盒子三大部分：
    盒子的组成部分：
    盒子壁：border
    内边距：padding
    盒子内容：width + height
    margin + padding + border +13.body 有一个天生的 margin 8px
    初始化：
    *{
        margin:0;
        padding:0;
    }
14.absolute
    1.脱离原来位置进行定位
    2.最近的有定位的父级进行定位，如果没有则相对于文档进行定位
    
15.relative
    1.保留原来位置进行定位
    2.相对于自己原来的位置进行定位
   
16.两栏布局：先写right，再写left
17.父子嵌套，margin取最大值一起动。
    1.给父顶篷加一条线，但是太过残暴
    2.BFC(block format context)
    使盒子内部渲染规则发生改变：
    如何触发一个盒子的bfc:
    position: absolute;
    display: inline-block;
    float: left;
    float: right;
    overflow: hidden;
    text-align: center;
18.区域不能共用19.浮动元素产生了浮动流：
所有产生了浮动流的元素，块级元素看不到他们。
产生了bfc的元素和文本类属性（inline）的元素以及文本都能看到浮动元素
20.clear：both; 清除周边浮动流。
21.伪元素:可当作正常元素使用
    <span>
        哈哈哈
    </span>
    span::before{
        content："hi";
        display:inline-block;当设置样式时加此句
    }
    span::after{
        content:"";
    }
22.文字环绕图片：float:left;