基本标签

<p>段落标签
<del>删格线
<address>地址
<strong>加粗
<em>斜体
<div>容器
<span>
&nbsp;空格
<br>换行
checke d
！important>行间样式>id>class|属性>标签选择器>通配符
position  定位{
        保留原来位置相对定位 relative  想对自己原来位置进行定位
        脱离原来位置进行定位 absolute  相对于最近有定位的父级进行定位
        ，没有那么相对于文档进行定位
        fixed  固定的
    }
opacity 清晰度 

浏览器主流和内核

市场份额
ie  trident
firefox火狐 gecko
Google chrome谷歌 blink
opera presto
safari webkit

css权重

css权重 256进制 infinitas
!important     无穷
行间样式            1000
id              100
class|属性|伪类 10
标签选择器|伪元素   1
通配符         0

伪元素：

before内容之前  after 内容之后

颜色代码

red    green     blue
00-ff  00-ff     00-ff
#000000 黑色（饱和度组合一起）

行级元素

feature：内容决定元素所占位置
        不可以通过css改变宽高
span strong em a del

块级元素

feature：独占一行
        可以通过css改变宽高
div p ul li ol form address 

行级块元素：

内容决定大小
可以改宽高 

行级元素如何转换成行级快元素

行内元素变成行内块元素的方式有三种：

1、float 浮动

2、display  显示隐藏

3、position：absolute 绝对定位，相对定位relative没有作用

浮动元素产生了浮动流：

所有产生了浮动流的元素，快级元素看不到他们。
产生了bfc的元素和文本类属性（inline）的元素以及文本都能看到浮动元素
clear 清楚浮动流 {both}

盒子塌陷问题bug

    触发一个盒子的bfc
    position:absolute;
    dispaly:inline-block;文本
    float:left /right  浮动
    overflow:hidden
他们都会转化为 inline-block

单行文本溢出容器打点

 white-space:nowrap;//取消换行
overflow: hidden;//溢出隐藏
text-overflow: ellipsis;//打点