学习写华为官网网页的心得

1.在写华为主页时我主要用到了无序列表li，div,a这几个
2.使用div将主页分成块，每一个区域在自己所需的区域工作，在div中添加类名class，引用类名对其进行相关修饰，比如该快的宽度，长度，背景颜色，
3.li，直接使用不对li修饰的话出现的元素是竖着的，我想把他变成横向，也可以使用display:inline，要想进一步使元素在指定的位置，可以使用position:absolute，这里最好是absolute，否则会造成横向进度条长度增大影响美观。因为li是嵌套在div中，所以li中的元素想要使用绝对定位的话，其父也要定位，所以div也需要定位，这是我们可以position:relative;top:100px；之所以使用top是因为在实践的过程中你会发现div并不是在你想象中的地方停留，反而是在其上方（虽然还不知道是为什么😣）

4.去掉超链接里面的横向可以使用text-decoration:none
具体代码如下:在这里插入图片描述

遇到的问题就是当我通过滑动鼠标想增大或缩小浏览器的页面时，发现网页中的元素并不能按照原来的位置呈现，而是被拆的七零八落的，想知道这是什么原因，有什么办法可以解决呢？