CSS中的inline屬性,是指直接添加在標簽內的樣式,常用于設置比較短小的樣式,比如字體大小,顏色等等.
舉個例子,當我們要將一段文字設置為紅色時:
這是一段紅色的文字
在上例中,我們在p標簽內添加了一個style屬性,并設置了color:red即將文字顏色設置為紅色. 當然不僅僅只有color這個屬性可以使用inline樣式,還有字體大小,字體樣式,文本對齊等等.比如我們要將這個例子中的文字設置為14px的字體大小:這是一段紅色且字體大小為14px的文字
除此之外,inline樣式還可以用于一些簡單的hover效果,比如鼠標懸停在鏈接上時改變顏色:鼠標懸停時變紅在上例中,我們將a標簽的初始顏色設置為黑色,然后在onmouseover事件中將其顏色設置為紅色,onmouseout事件中再將其顏色設置為黑色. 當然,inline樣式雖然方便使用,但是也具有一些弊端,比如當樣式需要重復使用時,需要在每個對應的標簽中進行設置,不僅繁瑣而且不利于維護.因此,我們通常還是建議使用更為靈活的外部或內部樣式表,來達到更好的代碼復用性和可維護性.