修改a標(biāo)簽的默認(rèn)樣式
正常的超鏈接寫法，未加任何自定義css樣式：
<a href="#">超鏈接</a>
點(diǎn)擊鏈接之前的樣式：
點(diǎn)擊鏈接之后的樣式：
此時(shí)有第一個(gè)需求：
添加css樣式，達(dá)到如下目的：
設(shè)置字體顏色為黑色
去掉點(diǎn)擊鏈接以后的下劃線
設(shè)置字體大小為xx-large
此時(shí)需求代碼實(shí)現(xiàn)如下：
<a href="#" id="test">超鏈接</a>
<style>
?#test{
?????color: black;
?????text-decoration: none;|
? ? ?font-size: xx-large;
?????}
</style>
點(diǎn)擊前的 樣式：
點(diǎn)擊后的樣式：
很明顯的觀察到做粤，需求i實(shí)現(xiàn)了。
此時(shí)再添加第二個(gè)需求：
讓鏈接到的頁(yè)面在新打開(kāi)的頁(yè)面顯示
實(shí)現(xiàn)代碼如下：
<a id="test" target="_blank">超鏈接</a>
又來(lái)第三個(gè)需求了：
點(diǎn)擊超鏈接絮记，此時(shí)鏈接沒(méi)有發(fā)生跳轉(zhuǎn)；換句話說(shuō)瞪讼，讓超鏈接失去效果?
此時(shí)有兩種解決方案，但兩者之間有一定的差別：
第一種 ：當(dāng)我點(diǎn)擊的時(shí)候粹断，不會(huì)產(chǎn)生任何作用符欠，我們稱之為”死鏈接“
具體實(shí)現(xiàn)：
<a href="javascript:void(0)" target="mainframe" class="dropdown-toggle">
????<span class="menu-text"> 商品中心 </span>
?</a>
?第二種：當(dāng)我點(diǎn)擊超鏈接的時(shí)候，也不會(huì)產(chǎn)生任何作用瓶埋，但如果有id屬性希柿，還是會(huì)鏈接到id屬性指向的位置
具體實(shí)現(xiàn)如下：
<a href="javascript:void(0)" target="mainframe" class="dropdown-toggle">
?????<span class="menu-text"> 商品中心 </span>
?????<h2 id="top">查看商品信息</h2>
</a>
第一種方法是保證超鏈接完全失去效果，使用在膠囊菜單這樣的樣式中會(huì)契合需求养筒；而對(duì)于第二種方法曾撤，當(dāng)我們?cè)O(shè)置好一個(gè)帶有id屬性的標(biāo)簽時(shí)，超鏈接的鏈接功能依然會(huì)讓頁(yè)面發(fā)生跳轉(zhuǎn)闽颇，此時(shí)的跳轉(zhuǎn)目的地就是id屬性的參數(shù)值盾戴。?
