CSS 是網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)中一個(gè)重要的工具。
在一些場(chǎng)景下需要使其鏈接在新窗口打開(kāi)。
例如,在閱讀一篇文章時(shí),當(dāng)用戶(hù)單擊文章中的鏈接時(shí),可能不希望在同一標(biāo)簽頁(yè)內(nèi)打開(kāi),而希望在新標(biāo)簽頁(yè)中打開(kāi)鏈接。
這時(shí)需要將該鏈接的target設(shè)為"_blank",如下:
a{ text-decoration:none; } a[target="_blank"]::after{ content:""; display:inline-block; width:8px; height:8px; margin-left:5px; background:url(./images/new_window.png); background-size:cover; }
上述代碼中,將所有a標(biāo)簽的文本樣式設(shè)為無(wú)下劃線(xiàn)。然后,通過(guò)偽類(lèi)選擇器,在target屬性值為"_blank"的a標(biāo)簽后添加一個(gè)圖標(biāo),實(shí)現(xiàn)在新窗口中打開(kāi)鏈接的效果。
使用CSS、HTML 開(kāi)發(fā)網(wǎng)頁(yè)具有高效、可維護(hù)、易擴(kuò)展的特點(diǎn),能夠更好地將網(wǎng)站風(fēng)格與業(yè)務(wù)邏輯分離開(kāi)來(lái),提高網(wǎng)站的質(zhì)量。
下一篇css 小豬佩奇