網(wǎng)頁(yè)編寫(xiě)

網(wǎng)站logo

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

設(shè)置css reset命名rest.css文件

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

設(shè)置common css命名common.css文件

.clearfix::after{
    content:"";
    display:block;
    clear:both;
}
<!--清除浮動(dòng)-->

設(shè)置背景圖片：

css中寫(xiě)入min-height/min-width設(shè)置最小最大

• 行內(nèi)元素有浮動(dòng)里就可以設(shè)置margin，padding

figure標(biāo)簽

<figure> 標(biāo)簽規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）。

• 頁(yè)面顯示小圖片的地方盡量用小px的圖片，圖片太大影響頁(yè)面性能

    a:hover::before{
        
    }
    
<!--顯示圓形-->

border-radius:50%;
<!--設(shè)置圓形-->

css設(shè)置透明度

.box{
    opacity:0.8;
}

div盒內(nèi)加遮罩

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