html总结

浮动可以让元素脱离标准文档流，元素被覆盖了，float:left（让元素左浮动）/right（让元素有浮动）/none（默认），只能覆盖背景，不能覆盖文字，文本环绕效果，使不能设置宽度高度的元素能设置宽度高度，宽度不写不再默认认为父级元素的百分子百，加完浮动之后，如果后面的兄弟也有浮动，如果剩余控件足够那么下面紧挨着的兄弟也会来到元素的后面，浮动是用来解决网页布局的

背景图片 background-image:url()

背景平铺 background-repeat:no-repeat/repeat/repeat-x/repeat-y

背景位置 background: position 2/ 1;

 放两个 第一个代表x值 第二个代表y值 放一个的时候另一个默认在中间，可以放px 百分比 方向（left)

background-color后面可以跟rgb rgba 十六进制 英文单词

背景相关属性：

background-mattachment: fixed;固定图片防止图片滑动

background-repeat: repeat/no-repeat/repeat-x/repeat-y;

清除浮动带来的影响用clear:left（清除左浮动带来的影响）/right（清除右浮动带来的影响）/both（同时清除左右浮动带来的影响）

关于弹性盒子：

要从谷歌中打开，了解知识点，后期需要配合js实现优化 需要记忆

display: -webkit-inline-box; 将对象设置为弹性盒子 

 -webkit-line-clamp: 3;第几行显示省略号

  -webkit-box-orient: vertical; 检索子元素的对齐方式          

           

     元素被分为3种类型:块状元素，行内元素/行内块元素，

行内块元素块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包div,dl,dt,dd,ol,ul,li,h,p,form,hr,table,tr,td等默认情况下，块状元素都会独占一行

常见的行内元素如：a,span,i,em,strong,b,br,u,del,s,sub,sup等

常见的行内块元素如：img，input等行内块元素的表现形式是始终以行一行显示，并且能够设置宽度高度

white-space: normal; 默认值

white-space: nowrap;让内容不换行 

white-space: pre;保留空格 

white-space: pre-wrap; 保留空格 但是换行

 white-space: pre-line; 没有保留全部的空格，但是内容打的换行可以正常使用

让div之间消失空格的方法

        1：注释掉空格

        2：让div盒子挨着

        3：font-size:0px

   解决父元素抢占子元素的上边距           overflow: hidden

 元素转化 

          display: block;   转化为块级元素 

          display: inline;     转化为行内元素

          display: inline-block;       转化为行内块级元素

给父级元素加line-height且属性等于height的属性值

font-size:0px

text-align:center 

图片上 vertical-align:middle 

通过margin调整   

vertiacal-align要加到块内元素上