內聯元素特性

內聯元素，也可以稱為行內元素，布局中常用的標簽如：a、span等等都是內聯元素，它們在布局中的行為：

• 不支持寬、高、margin上下、padding上下
• 寬高由內容決定
• 盒子並在一行
• 代碼換行，盒子之間會產生間距
• 子元素是內聯元素，父元素可以用text-align屬性設置子元素水平對齊方式

經常遇到內聯元素之間有間隙的問題，取消方法：

　　方法1：編寫html時候取消內聯元素之間的換行

　　　　為了保證代碼的可讀性和整潔，一般不推薦這樣做。

　　方法2：將內聯元素的父級font-size設為0，在內聯元素自身font-size設置成想要的。

　　　　這是推薦的方法。

常用的含有語義的內聯元素：

1、<em> 標簽 斜體效果，表示語氣中的強調詞

2、<i> 標簽 斜體效果，表示專業詞匯

3、<b> 標簽 加粗效果，表示文檔中的關鍵字或者產品名

4、<strong> 標簽 加粗效果，表示非常重要的內容

5、<a>標簽 下劃線效果，表示超鏈接

取消默認樣式的方法:

/* 去掉a標簽默認的下劃線 */
a{
    text-decoration:none;
}
/* 去掉標簽默認的文字傾斜 */
em,i{
    font-style:normal;
}
/* 去掉標簽默認的文字加粗(按實際需求) */
 

b,strong{
    font-weight:normal;
}

內聯元素，取消間隙和默認效果