修改a标簽的預設樣式
正常的超連結寫法，未加任何自定義css樣式：
<a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >超連結</a>
點選連結之前的樣式：
點選連結之後的樣式：
此時有第一個需求：
添加css樣式，達到如下目的：
- 設定字型顔色為黑色
- 去掉點選連結以後的下劃線
- 設定字型大小為xx-large
此時需求代碼實作如下：
<a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" id="test">超連結</a>
<style>
#test{
color: black;
text-decoration: none;
font-size: xx-large;
}
</style>
點選前的 樣式：
點選後的樣式：
很明顯的觀察到，需求i實作了。
此時再添加第二個需求：
- 讓連結到的頁面在新打開的頁面顯示
實作代碼如下：
<a href="https://www.baidu.com" target="_blank" rel="external nofollow" id="test" target="_blank">超連結</a>
又來第三個需求了：
- 點選超連結，此時連結沒有發生跳轉；換句話說，讓超連結失去效果
此時有兩種解決方案，但兩者之間有一定的差别：
第一種 ：當我點選的時候，不會産生任何作用，我們稱之為”死連結“
具體實作：
<a href="javascript:void(0)" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="mainframe" class="dropdown-toggle">
<span class="menu-text"> 商品中心 </span>
</a>
第二種：當我點選超連結的時候，也不會産生任何作用，但如果有id屬性，還是會連結到id屬性指向的位置
具體實作如下：
<a href="javascript:void(0)" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="mainframe" class="dropdown-toggle">
<span class="menu-text"> 商品中心 </span>
<h2 id="top">檢視商品資訊</h2>
</a>
第一種方法是保證超連結完全失去效果，使用在膠囊菜單這樣的樣式中會契合需求；而對于第二種方法，當我們設定好一個帶有id屬性的标簽時，超連結的連結功能依然會讓頁面發生跳轉，此時的跳轉目的地就是id屬性的參數值。
好了，以上就是目前用到最多的超連結的樣式啦，以後會慢慢補充的......