CSS 是網(wǎng)頁設(shè)計(jì)與開發(fā)中一個(gè)重要的工具。
在一些場景下需要使其鏈接在新窗口打開。
例如,在閱讀一篇文章時(shí),當(dāng)用戶單擊文章中的鏈接時(shí),可能不希望在同一標(biāo)簽頁內(nèi)打開,而希望在新標(biāo)簽頁中打開鏈接。
這時(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è)為無下劃線。然后,通過偽類選擇器,在target屬性值為"_blank"的a標(biāo)簽后添加一個(gè)圖標(biāo),實(shí)現(xiàn)在新窗口中打開鏈接的效果。
使用CSS、HTML 開發(fā)網(wǎng)頁具有高效、可維護(hù)、易擴(kuò)展的特點(diǎn),能夠更好地將網(wǎng)站風(fēng)格與業(yè)務(wù)邏輯分離開來,提高網(wǎng)站的質(zhì)量。
下一篇css 小豬佩奇