前端开发学习笔记（1） 图片和文字的布局问题

1、解决页面中默认padding-left:40px问题

在编写页面的时候总是发现在ul标签总是出现位40px的空隙，所以在网上查了一下，除了IE之外的浏览器都有设置默认值。

解决方法：
使用以下*选择器重置默认值

*{
    margin: 0;
    padding: 0;
}

解决后样式：

2、图片作为背景，文字在图片背景上的放置

（1）只有一个标签放置时，将文字在背景图片上垂直居中放置

首先是背景设置：
设置背景background-img:url()后，还需要将设置以下内容：

    background-position:center top;
    background-repeat: no-repeat;
    background-size: cover;

其中：
1、background-position:center top
将背景图片的中心放置在块的中心（