网页编写逻辑

网页编写

网站logo

logo名

设置css reset命名rest.css文件

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
a{
    text-decoration:none;
}
ul{
    list-style:none;
}

设置common css命名common.css文件

.clearfix::after{
    content:"";
    display:block;
    clear:both;
}

设置背景图片：

css中写入min-height/min-width设置最小最大

• 行内元素有浮动里就可以设置margin，padding

figure标签

标签规定独立的流内容（图像、图表、照片、代码等等）。

• 页面显示小图片的地方尽量用小px的图片，图片太大影响页面性能

    a:hover::before{
        
    }
    


border-radius:50%;

css设置透明度

.box{
    opacity:0.8;
}

div盒内加遮罩

.box{
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:red;
}