html、css练习题

1. 网络慢的时候，会只加载html内容，不加载css样式，页面只显示html的文字内容。 

 

显示的效果：

 解决办法（1）：

a {
    display: inline-block;
    width: 190px;
    height: 140px;
    border: 1px solid black;
    background-image: url(https://img.alicdn.com/tfs/TB1reRSv8jTBKNjSZFwXXcG4XXa-190-140.gif);
    white-space: nowrap;
    text-indent: 200px;
    overflow: hidden;
}

解决办法（2）：

content区：宽190px；高：0px；padding-top：140px；这样图片就在padding-top区域；因为图片默认是从border-box开始的

a {
    display: inline-block;
    width: 190px;
    height: 0px;
    border: 1px solid black;
    background-image: url(https://img.alicdn.com/tfs/TB1reRSv8jTBKNjSZFwXXcG4XXa-190-140.gif);
    padding-top: 140px;
    overflow: hidden;
}