HTML 樣式

通過使用 HTML4.0，所有格式化代碼均可移出 HTML 文檔，然後移入一個獨立的樣式表。

先來看一個例子，代碼如下：

header 1

A paragraph.

頁面上顯示為:

header 1

A paragraph.

當瀏覽器讀到一個樣式表，它就會按照這個樣式表來對文檔進行格式化。有以下三種方式來插入樣式表：

外部樣式表 link

當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個文件來改變整個站點的外觀。

link :定義資源引用

rel :告訴瀏覽器引用的是一個樣式表文件

type :文件類型

href :文件地址

內部樣式表

當單個文件需要特別樣式時，就可以使用內部樣式表。你可以在 head 部分通過

style :定義樣式定義

內聯樣式

當特殊的樣式需要應用到個別元素時，就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標籤中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。

This is a paragraph

優先順序說明

(外部樣式)External style sheet

HTML 表格

表格由

頁面上顯示為:

注釋：border是表格的邊框屬性，如果不定義邊框屬性，表格將不顯示邊框。有時這很有用，但是大多數時候，我們希望顯示邊框。

表格的表頭

表格的表頭使用 標籤進行定義。

大多數瀏覽器會把表頭顯示為粗體居中的文本：

頁面上顯示為:

表格中的空單元格

在一些瀏覽器中，沒有內容的表格單元顯示得不太好。如果某個單元格是空的（沒有內容），瀏覽器可能無法顯示出這個單元格的邊框。

注意：這個空的單元格的邊框沒有被顯示出來。為了避免這種情況，在空單元格中添加一個空格佔位符，就可以將邊框顯示出來。

瀏覽器中顯示如下：

caption 元素定義表格標題

caption 標籤必須緊隨 table 標籤之後。您只能對每個表格定義一個標題。通常這個標題會被居中於表格之上。

瀏覽器中顯示如下：

跨行或跨列

colspan和rowspan這兩個屬性用於創建特殊的表格。

1、colspan用來指定單元格橫向跨越的列數。

橫跨兩列的單元格：

瀏覽器中顯示如下：

2、rowspan的作用是指定單元格縱向跨越的行數。

橫跨兩列的單元格：

瀏覽器中顯示如下：

練習題

1.下列方法表示調用外部樣式表的是？（）

A、

B、

C、

style

2.下面三種方法可以起到改變文檔樣式的是？（）

A、

B、

C、

D、以上三種都可以

3.如果下面三個都對

添加了顏色的樣式，文檔中的h1將會是哪個設定的顏色值（）

A、

B、

C、

style

4.html語言中，設置圍繞表格的邊框的寬度的標記是？（）

A、

D、

3.設置表格的邊框為0的HTML代碼是？（）

A、

B、

C、

D、

4.設置表格的單元格間距為0的HTML代碼是？（）

A、

B、

C、

D、

想學好前端的可以來我們晚上的課堂聽課，每天晚上都會講一個小案例或小項目或分析前端面試以及工作和發展，更多的是談一些學習路線和方法，零基礎和原生JavaScript都有，可以加裙六二三九六六八零六（這些都是免費的，每天都有）給你課堂地址和往期錄製好的視頻。

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！