前端3+1(Day16)

元素的alt和title有什么区别

ALT属性

alt属性：是img一个必需的属性，它规定在图像无法显示时替代的文本

alt属性可以为图像提供替代的信息：

1. 网速太慢

2. src属性中的错误

3. 浏览器禁用图像

4. 用户使用的是屏幕阅读器

title属性

是对规定关于元素额外信息，这些信息通常在鼠标移动在上面时显示一段文字

title属性一般常与form以及a元素一同使用

简述margin边界叠加的解决方案

BFC布局

• 父元素时body

• float值不是none

• position：是fixed或者absolute

• display：inline-block或者table-cell，flex，inline-flex，table-caption

• overflow：不是visible

回到顶部的方法

1. 利用jQuery去改变样式

2. 利用锚点链接

    <div class="box">
        <div id="top"></div>
        <!-- 锚点 -->
        <a href="#top"style='position:fixed;bottom:0'></a>
    </div>
    <script>
        // 利用jquery
        $('.box').click(function(){
            $(this).css("top",0)
        })
    </script>