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


內部樣式表css如何寫?寫在html哪里?先看內部樣式表的用法:當單個文件需要特別樣式時,就可以使用內部樣式表。你可以在html網頁的 head 部分通過 <style> 標簽定義內部樣式表,具體寫法如下:

<style type=”text/css”></style>

在<style type=”text/css”>與</style>之間添加你要控制標簽的屬性和對應的值即可,范如樂舉例如下:

我隨便在html網頁里面寫上一個h1標簽p標簽,默認顯示效果如圖:

h1標簽和p標簽,默認顯示效果

假設范如樂想把h1標簽和p標簽的字體都變成14像素,顏色為紅色,水平對齊方式為居中,代碼及效果如圖:

style效果圖示

css代碼拆解:

網友們記住這個基本語法構成即可:選擇器{屬性: 值; },如果有多個屬性,在{}里面添加即可,比如:選擇器{屬性: 值;屬性: 值; 屬性: 值; },例圖如下:

css基本語法圖示:選擇器{屬性: 值; }

我們在之前的《html教程》中,學會了如何使用標簽來給html網頁添加內容,例如上圖的h1標簽,如果你想使用css對這個h1標簽的顯示效果進行修改,則需要先選擇h1,然后在{}里面添加相關的屬性和屬性對應的值即可,每個屬性和值為一條聲明,每條聲明用來修改一項內容。

我們回到案例中的代碼:

h1{font-size:14px;color:red;text-align:center;}

p{font-size:14px;color:red;text-align:center;}

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

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

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

符號{}前面的h1是告訴瀏覽器,當前html網頁中的h1標簽的顯示效果要更改為符號{}里面的樣式,同理,p{}也是一樣。

網友們需要注意的是:<style type=”text/css”>與</style>標簽要寫在html的<head>與</head>標簽之間,而且內部樣式表只對當前的html網頁起作用,如果你有很多個網頁都需要應用同樣的樣式,可以使用外部樣式表,詳情點擊:《外部樣式表css如何寫?寫在html哪里?》。

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

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

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




熱門文章: