练习------小米官网

        1. 在实际设计项目时，我们不进需要引入重置样式表，我们还要为当前页面创建一个样式表；由于项目往往含有很多的网页，这些网页也有一些相同的样式，所以还需要创建一个公共样式表（如解决高度塌陷的样式，网页字体的样式）如下：

         2.在写网页的时候内容并不是铺满整个网页的 ，一般内容区宽度为1000px或1200px左右，所以在设计网页时要看确定好网页内容区宽度，并将其设置在公共样式表里，到时候直接引入就可

        3. 在编写下面这个导航条时，把它分为三个部分，左边这个向左浮动，右边这两个向右浮动，要想向右浮动的顺序是对的，在写框架时，要把第三部分写在第二部分的上面。

           4. 由于内容区样式是写在body里面的，为了在缩写页面的大小时不改变页面的布局，应该给body设置一个最小宽度----min-width为内容区大小，这样在缩小页面时内容区不会脱离页面：

        5. 对于上面的导航条，要使ul先浮动，移动到指定的位置上去；再对li设置浮动，使其横向排列： 

        6. 开启固定定位，使元素固定在网页中，不随页面的移动而移动：position：fixed；

对于固定位置的确定有两方面：一是水平方向；二是垂直方向，垂直方向容易确定，使用top或bottom就可以简单实现；水平方向要满足等式：

left+margin-left+border-left+padding-left+width+padding-right+border-right+margin-right+

right=视口大小的宽度，注意left和right省略时默认为auto，其余省略默认为0.

        width为26px ，此时，不能指定right值具体的大小，否则left值会根据视口大小的改变而改变，我们可以指定right为占据视口大小的50%,此时元素固定在页面的中间，要想在移动到指定位置，只能设置margin-right值（注意：其值为正值时，使元素向左移动，为负向右移动），因为他改变其他元素的位置，而不改变自身的位置，为了满足等式left的auto值也会发生相应的改变，从而实现元素位置的改变。如下：

        7. 创建网页的图标（在标题栏和收藏栏显示）

                使用link标签来创建，一般网站的图片存在网页的根目录下，名字一般叫做favicon.ico

         8. 在写完网页后，为了提升用户的加载速度，我们一般还要对写完的项目进行压缩，删除不必要的内容（如注释，格式等·），我们还可以通过下载一个应用对我们项目进行压缩：

 安装完以后，对要压缩的文件右击选择minify：file；就可以实现压缩