內聯樣式css如何寫?寫在html哪里?


內聯樣式css如何寫?寫在html哪里?先看內聯樣式的用法:當特殊的樣式需要應用到個別元素時,就可以使用內聯樣式。使用內聯樣式的方法是在相關的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。

接下來是范如樂的講解,內聯樣式就是在標簽中用style屬性直接寫,還是舉例比較形象易懂,比如段落標簽p,范如樂隨便寫一個p標簽的代碼:

<p>范如樂用一段測試文字來舉例</p>

內聯樣式就是把css寫進去p標簽里面,需要在p后面加上空格+style=“”,效果是這樣的:

<p style=””>范如樂用一段測試文字來舉例</p>

在符號“”里面添加你要控制p標簽的屬性和對應的值即可,假設范如樂想把這段文字的字體變成14像素,顏色為紅色,水平對齊方式為居中,代碼如下:

<p style=”font-size:14px;color:red;text-align:center;”>范如樂用一段測試文字來舉例</p>

css代碼拆解:

第一個是控制字體大小的屬性font-size,對應的值是14px(大小為14像素),用英文小寫符號:連接,用英文小寫符號;結束。

第二個是控制顏色的屬性color,對應的值是red(紅色),用英文小寫符號:連接,用英文小寫符號;結束。

第三個是控制文本水平對齊方式的屬性text-align,對應的值是center(居中),用英文小寫符號:連接,用英文小寫符號;

那么,p標簽的默認效果和添加了內聯樣式屬性后的對比效果,如圖:

p標簽的默認效果和添加了內聯樣式屬性后的對比效果圖示

網友們要記住一點:內聯樣式只適用于某個單獨特定的元素,如果一個網頁有100個段落標簽p,而你又想修改這100個段落標簽p,那么你使用內聯樣式就麻煩了,你需要把這100個段落標簽p都加上style的屬性。

如果你需要一次性給當前網頁的某個同類標簽都添加上同樣的屬性,可以使用內部樣式表,詳情點擊:《內部樣式表css如何寫?寫在html哪里?》。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/css/7878.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: