1.图片向下撑大3像素问题

在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法：

1.1 给图片添加display:block；

1.2 给图片添加 float:left；

1.3 给图片添加 vertical-align:middle;

1.4 给他的父元素加font-size：0；

2.如何实现一张未知宽高的图片在一个盒子里面做水平垂直居中？

给父元素添加宽高，添加行高 添加 text-align：center
                    给图片添加 ：vertical-align：center

3.元素的类型分类哪几种？各自都有什么特点？

块元素            独占一行，竖着排，能设置宽高
 行内元素            默认情况下文本一行显示，不能设置宽高
 行内块状元素        inline-block,既有行内元素的特点又有块状元素的特点
 可变元素            添加float：left 相当于display：block

4.如何实现一个元素消失和出现？

display：none  display：block
                    opcity:0; opcity:1; 

5.单行文本溢出显示省略号怎么实现？
                        添加width；
                        white-space：nowrap；
                        overflow：hidden；
                        text-overflow：ellipsis；

6.定位的属性值有哪几个？分别有什么特点？
                position:absolute          绝对定位，  脱离文档流    
                在有父元素或者父元素没有设置定位的情况下,它的参照物是整个浏览器
                如果父元素设置了相对定位,那么它的参照物就是它的父元素        
                position:relative         相对定位，  不脱离文档流
                它的参照物是它原来的位置
                position:fixed          固定定位，   脱离文档流
                position:sticky          粘性定位        脱离文档流
                它的参照物是整个浏览器

 7.样式引入的方式有哪几种
                    外部引入            <link type="text/css" href=""/>        
                    <style>
                         @import url("global.css")
                        </style>
                    内部引入            <style></style>
                    行内样式引入        <div>

8.transition过渡动画使用的过程中要注意一些什么？
                1.必须跟hover一起使用
                2.在hover的时候添加过渡，鼠标滑上去有过渡效果，，移开就没有
                    给他本身加的时候，鼠标滑上去有过渡效果，移开也有