IE瀏覽器下，a標簽會出現的虛線邊框問題：

上圖中，紅線包裹的就是一個翻頁的按鈕，按鈕實際是html的a標簽做的，鼠標點擊翻頁按鈕會加了一個虛線的邊框

去掉虛線邊框方法：

可以這樣寫，但是這樣寫還不是很完美，在頁面中調用JS 動作比較頻繁的話，頁面會變得卡頓；

解決方法可以寫成下面這樣：

寫在A里，不管是鼠標放上，鼠標點擊，還是默認，都會執行 star:expression(this.onFocus=this.blur());， 這個代碼相對于IE來說就是一個CSS的動作調用，和JS原理一樣，頁面資源耗不起，也算是IE的BUG吧~~~我們實現的效果是要點擊的時候沒有虛 線，所以就寫在a:active里就可以了，意思就是點擊時才執行，才去掉虛線框。這樣鼠標在放上A和默認的情況下就不會卡。

要同時兼容IE和火狐瀏覽器，樣式直接寫成以下就可以：

ss的標簽有很多，本篇文章為大家總結以下常用的一些標簽以及簡單說明這些標簽的作用。

（1） css的文字屬性標簽

文字顏色： color: #ffffff;

文字樣式： font-style: oblique;(偏斜體) italic;(斜體) normal;(正常)

字體大小：font-size:16px;

文字行高： line-height: 30px;

文字粗細： font-weight: bold;(粗體) lighter;(細體) normal;(正常)

文字修飾： text-decoration:line-through; (加刪除線)overline;(加頂線)underline;(加下劃線)none;(無修飾線)

對齊方式： text-align:right; (文字右對齊)left;(文字左對齊)center;(內部元素居中)justify;(文字分散對齊)

使用練習：我們隨機書寫一段文字，設置文字的顏色為紅色，字體樣式為斜體，字體大小為20px，行高為35px，字體加粗，加下劃線，并是文字居中對齊；那么我們的代碼就如下所示：

在網頁中的顯示效果就如下圖所示：

（2）css背景樣式

背景樣式：background:#f00; (紅色背景)background-image : url(/image/bg.gif); (背景圖片)background-repeat : repeat;(重復排列-網頁默認)background-repeat : no-repeat;(不重復排列)background-repeat : repeat-x; (在x軸重復排列)background-repeat : repeat-y; (在y軸重復排列)

（3）css邊框樣式

邊框樣式：border-top : 1px solid #f00; (上框線)border-bottom : 1px solid #f00; (下框線)border-left : 1px solid #f00; (左框線)border-right : 1px solid #f00; (右框線)border:1px solid #f00;(上下左右邊框)

其他框線樣式：solid(實線框)dotted(虛線框)double(雙線框)groove(立體內凸框)ridge(立體浮雕框)inset(凹框)outset(凸框)

（4）css內邊距以及外邊距屬性

內邊距樣式：padding-top:10px; (上邊框留空白)padding-right:10px;(右邊框留空白)padding-bottom:10px; (下邊框留空白)padding-left:10px;(左邊框留空白)

也可以簡寫成padding:10px 10px 10px 10px;(分別對應上右下左)padding:10px 10px;(上下、左右)padding:10px 10px 10px;(上、左右、下)

外邊距樣式：margin-top:10px; (上邊界留空白)margin-right:10px;(右邊界留空白)margin-bottom:10px; (下邊界留空白)margin-left:10px;(左邊界留空白)

也可以簡寫成margin:10px 10px 10px 10px;(分別對應上右下左)margin:10px 10px;(上下、左右)margin:10px 10px 10px;(上、左右、下)

使用練習：我們隨機書寫一段文字，設置文字的背景為灰色，邊框為紅色 2px 實線框，內邊距為10px，外邊距為10px；那么我們的代碼就如下所示：

在網頁中的顯示效果就如下圖所示：

對于css的常用標簽今天就先介紹到這里，大家在平時可以自己多加練習練習，熟練一下各個標簽的作用。

每日金句：有時候死扛下去總是會有機會的。喜歡我的文章的小伙伴記得關注一下哦，每天將為你更新最新知識。