CSS初級入門 頁面樣式的整體宣告

2021-04-17 06:52:42 字數 473 閱讀 7362

整體宣告的方法

1.基本上,整體宣告有兩種方法,第一種就是針對乙個標籤,然後一次設定好幾個樣式。第二種就是同時對好幾個標籤設定相同的樣式。下面這個例子就是:「針對乙個標籤,然後一次設定好幾個樣式」:

css">

body

2.你會發現,我們同時宣告了:字形大小為 9pt、字形顏色為紅色、背景為白色,這3個樣式,為了將這三個樣式分隔開,我們利用分號「;」來將之隔開,這樣才能正常起作用!當然,若是你覺得這樣一列一列的寫出來很浪費空間,那麼你也可以寫成一行的形式,如下:

幾個標籤設定相同的樣式

1.剛剛我們看過乙個標籤,同時設定幾個樣式的,實際上,我們也可以把好幾個標籤同時一起來設定,例如:

以此例而言,我們同時設定了三組標籤、、,換言之,凡是被這三個標籤包起來的,其文字大小都會變成 12pt、紅色字、並且以宋體顯示!

CSS初級入門 樣式的單獨呼叫

為什麼要單獨呼叫呢?單獨呼叫 就是加入style屬性。就是將css宣告套用在單獨的乙個網頁元素上 任乙個文字 等,都是網頁元素 此時,css將不再以乙個樣式表來顯示結果了,而是利用style屬性加到標籤中。為什麼要 單獨呼叫 css?原因是 比較靈活.舉個簡單的例子,我們希望讓輸入的表單的底色不使用...

Bootstrap入門(三)標籤的css樣式

bootstrap入門 三 標籤的css樣式 前提 引入css檔案,內容放在乙個class為container的div中 標籤屬性 1.text left text right text center 屬性控制標籤內容位置 p class text left 在左 p p class text ri...

JSP頁面CSS樣式表的引入

1 外部樣式 當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用標籤鏈結到樣式表。標籤在 文件的 頭部 必須要有rel stylesheet 缺少時無法正常引入 2 內部樣式 當單個文件需要特殊的樣式時,就應該使用...