網頁編寫

網站logo

<a href="" class="logo">logo名</a>

設置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標簽

<figure> 標簽規(guī)定獨立的流內容（圖像、圖表、照片、代碼等等）。

• 頁面顯示小圖片的地方盡量用小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;
}