在進(jìn)行網(wǎng)站布局時，CSS樣式中經(jīng)常會出現(xiàn)"inline"和"block"這兩個屬性。這兩個屬性決定了元素的顯示方式，如何在父級元素中顯示。通常我們使用CSS display屬性來改變一個元素的顯示方式。

其中，"inline"屬性表示元素在頁面中以行內(nèi)方式呈現(xiàn)，比如一段文字中的鏈接、圖片等元素。而"block"屬性表示元素以塊的形式展示，會占據(jù)父級元素的整個寬度，可以設(shè)置寬高大小。例如，HTML中的div、h1、p等元素默認(rèn)具有“block”的屬性。

對于我們自己設(shè)計(jì)的HTML標(biāo)簽或其他調(diào)用庫，可能默認(rèn)屬性是“inline”，這時我們需要手動將它們轉(zhuǎn)化為“block”，以便進(jìn)行布局。這時，我們可以采用CSS的display屬性來轉(zhuǎn)變元素的顯示方式。

//html鏈接//css
.my-link{
display: block;
width: 100px;
height: 50px;
background-color: red;
}

在上面的代碼中，我們將一個鏈接元素的默認(rèn)屬性"inline"，轉(zhuǎn)化為"block"，以便于我們對其進(jìn)行自定義的樣式設(shè)置。可以看到，我們使用display屬性將元素的顯示方式轉(zhuǎn)化為了塊，然后便可以通過width、height等屬性來設(shè)置元素的寬高、背景色等樣式。這樣，在進(jìn)行頁面布局時，我們就能夠更方便地控制各個元素了。