WebStorm教程(2)

标签：元素   order   百分比   初始   pre   外边距   com   初始化   生成   

继续效果图

CSS初始化

前面理解错了，背景图应该铺满

<div class="bg">

html,body,*{
    /*盒子模型使用边框模式*/
    box-sizing: border-box;
    /*初始化外边距*/
    margin: 0;
    /*初始化内边距*/
    padding: 0;
}
.bg{
    background: url("../images/bg.png");
    /*规定背景图像的尺寸：把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。*/
    background-size: cover;
    /*规定元素的定位类型：生成绝对定位的元素，相对于浏览器窗口进行定位。*/
    position: fixed;
    /*设置元素的宽度：定义基于包含块（父元素）宽度的百分比宽度*/
    width: 100%;
    /*设置元素的高度：定义基于包含块（父元素）宽度的百分比宽度*/
    height: 100%;
}

WebStorm教程(2)

标签：元素   order   百分比   初始   pre   外边距   com   初始化   生成   

原文地址：https://www.cnblogs.com/ioufev/p/10109268.html