1、第2章HTML和XHTML2.1 HTML和XHTML概述2.2 HTML和XHTML的格式與標(biāo)記2.3 使用表格2.4 使用框架2.5 使用超鏈接2.6 制作表單2.7 CCS樣式設(shè)計(jì)2.1 HTML和XHTML概述2.1.1 什么是XHTMLXHTML是EXtensible HyperText Markup Language的英文縮寫，即可擴(kuò)展的超文本標(biāo)記語(yǔ)言，它不需要編譯，可以直接由瀏覽器執(zhí)行（屬于瀏覽器解釋型語(yǔ)言）： XHTML是用來(lái)代替HTML的，是2000年W3C（萬(wàn)維網(wǎng)聯(lián)盟）公布發(fā)行的。 XHTML是一種增強(qiáng)了的HTML，它的可擴(kuò)展性和靈活性將適應(yīng)未來(lái)網(wǎng)絡(luò)應(yīng)用更多的需求。 XHT

2、ML是基于XML的應(yīng)用。 XHTML更簡(jiǎn)潔更嚴(yán)緊。 XHTML也可以說(shuō)就是HTML4.0的一個(gè)升級(jí)版本（W3C描述它為HTML 4.01）。除此之外XHTML和HTML基本相同。2.1.2 HTML與XHTML的區(qū)別（1）大小寫HTML不區(qū)分大小寫，HTML元素和屬性名稱可以是大寫、小寫或大小寫混合。但是XHTML中大小是敏感的，例如，XHTML中，和是兩個(gè)完全不同的標(biāo)記。因此XHTML文檔要求所有元素和屬性名稱必須小寫，而屬性值則大小寫均可。（2）標(biāo)記嵌套在HTML中，即使使用了不正確的嵌套，一樣可以在很多瀏覽器中使用；而XHTML則要求嵌套必須完全正確。例如，姓名不能寫成姓名。（3）有否結(jié)

3、束標(biāo)記在HTML中，有些標(biāo)記是可以沒有結(jié)束標(biāo)記的，而XHTML要求所有標(biāo)記都必須有結(jié)束標(biāo)記，例如，HTML中的在XHTML中必須寫成或者簡(jiǎn)單地寫成。注意：中的斜杠前有一個(gè)空格。（4）引號(hào)HTML中的屬性值可以用引號(hào)引起來(lái)，也可以不使用引號(hào)，但XHTML中要求所有屬性值都必須加引號(hào)，即使是數(shù)字也需要加引號(hào)。例如：除此之外，XHTML還要求屬性值不能省略。（5）id和nameHTML中每個(gè)元素都可以定義name屬性，也引入了id屬性，這兩個(gè)屬性都可以標(biāo)識(shí)某一個(gè)元素。而在XHTML中，每個(gè)元素只有一個(gè)的標(biāo)識(shí)屬性id。（6）樣式的使用在不使用樣式表的情況下，HTML中每一個(gè)樣式都可以直接使用“屬性名=

4、屬性值”的方法設(shè)置樣式。例如： 足球 排球 籃球其中，type屬性設(shè)置了無(wú)序列表中的項(xiàng)目符號(hào)的樣式為小方塊。但在XHTML中，如果不使用樣式表，只能通過(guò)style屬性來(lái)設(shè)置樣式。在XHTML中上述代碼需修改為： 足球 排球 籃球 7XHTML文檔結(jié)構(gòu) 網(wǎng)頁(yè)標(biāo)題 XHTML文檔中第一句是文檔類型聲明，用于指定網(wǎng)頁(yè)的語(yǔ)法規(guī)則。 標(biāo)記中用xmlns屬性指定了xml的命名空間。 8參考資料參考資料：/ 超文本鏈接標(biāo)記文字居中標(biāo)記文字塊標(biāo)記移動(dòng)文字標(biāo)記有序列表標(biāo)記無(wú)序列表標(biāo)記列表項(xiàng)標(biāo)記自定義列表標(biāo)記自定義列表項(xiàng)標(biāo)記自定義列表子項(xiàng)標(biāo)記表格標(biāo)記定義表標(biāo)題標(biāo)記定義表格行標(biāo)記定義表格單元格標(biāo)記定義列標(biāo)題標(biāo)記表單

5、標(biāo)記框架集標(biāo)記框架標(biāo)記框架標(biāo)記圖片標(biāo)記水平線標(biāo)記多媒體標(biāo)記2.2.3 HTML的長(zhǎng)度單位 HTML的長(zhǎng)度單位主要分絕對(duì)單位和相對(duì)單位兩種：絕對(duì)單位：cm（厘米）、mm（毫米）、px（像素）、in（英寸）、pt（點(diǎn)，1pt=1/72英寸）、pc（1pc=12點(diǎn)）。相對(duì)單位：（百分比）、em（1em相當(dāng)于當(dāng)前瀏覽器字體中大寫字母M的寬度）、ex（1ex相當(dāng)于當(dāng)前瀏覽器默認(rèn)字體中小寫字母x的高度）。 12常用的HTML標(biāo)記標(biāo)題文字標(biāo)記 標(biāo)題文字 文字樣式標(biāo)記 “color” “face” “size”文字對(duì)齊標(biāo)記 分段標(biāo)記 換行標(biāo)記 水平線標(biāo)記 預(yù)格式化標(biāo)記e-01.HTML2.3.1 建立表格用法

6、： 其功能是創(chuàng)建一個(gè)空的表格，并指定表格的整體外觀，此時(shí)在瀏覽器中看不到該表格，只有添加行后才能看到。表格標(biāo)記常用的屬性如下：border=size：設(shè)置表格邊框大小。width= size：設(shè)置表格的寬度（像素或百分比）。height=size：設(shè)置表格的高度（像素或百分比）。cellspacing=size：設(shè)置單元格間距。cellpadding =size：設(shè)置單元格的填充距。background =URL：設(shè)置表格背景圖像。bgcolor =colorvalue：設(shè)置表格背景色。align=alignstyle：設(shè)置對(duì)齊方式，alignstyle可取值left（左對(duì)齊）、center（

7、居中）和right（右對(duì)齊）值之一。cols =size：設(shè)置表格的列數(shù)。2.3.2 定制表格使用只是定義空表格，還需要定義表標(biāo)題、行、列標(biāo)題和單元格。1. 定義表標(biāo)題用法：其功能是定義表格的表標(biāo)題，其屬性較少使用。2. 定義行用法：其功能是定義表格的一行。對(duì)于每一行，可以定義行屬性，常用的行屬性如下：bgcolor=colorvalue：設(shè)置行背景顏色。background=URL：設(shè)置表格行的背景圖像。align=alignstyle：設(shè)置行對(duì)齊方式，alignstyle可取值left（左對(duì)齊）、center（居中）和right（右對(duì)齊）值之一。valign=valignstyle：設(shè)置行

8、中單元格垂直對(duì)齊方式，valignstyle可取值top（頂端對(duì)齊）、middle（居中）、bottom（底端對(duì)齊）和baseline（基線對(duì)齊）值之一。4. 定義單元格用法：在每一行中可以定義若干單元格。單元格的常用屬性如下：bgcolor=colorvalue：設(shè)置單元格背景顏色。background=URL：設(shè)置表格單元格的背景圖像。rowspan=num：設(shè)置單元格所占的行數(shù)。colspan =num：設(shè)置單元格所占的列數(shù)。align =alignstyle：設(shè)置對(duì)齊方式。valign =valignstyle：設(shè)置單元格垂直對(duì)齊方式。width =size：設(shè)置單元格寬度。heigh

9、t=size：設(shè)置單元格高度。【例2.1】設(shè)計(jì)一個(gè)含有表格的網(wǎng)頁(yè)窗體WForm2-1。設(shè)計(jì)界面WForm2-1網(wǎng)頁(yè)源視圖代碼 : 20滾動(dòng)字幕 “插入”-“標(biāo)簽”標(biāo)記常用屬性align屬性，設(shè)定活動(dòng)字幕的位置，取值可以是left、center、right、top或bottom。 bgcolor屬性，設(shè)定活動(dòng)字幕的背景顏色，一般是十六進(jìn)制數(shù)。 direction屬性，設(shè)定活動(dòng)字幕的滾動(dòng)方向，取值可以是left、right、up或down。 behavior屬性，設(shè)定滾動(dòng)的方式，主要有三種方式：behavior=“scroll”表示由一端滾動(dòng)到另一端；behavior=“slide”表示由一端快速

10、滑動(dòng)到另一端，且不再重復(fù)； behavior=“alternate”表示在兩端之間來(lái)回滾動(dòng)。 height和width屬性，設(shè)定滾動(dòng)字幕的高度和寬度。 hspace和vspace屬性，設(shè)定滾動(dòng)字幕的左右邊框和上下邊框的寬度。 scrollamount屬性，設(shè)定活動(dòng)字幕的滾動(dòng)距離。 scrolldelay屬性，用于設(shè)定滾動(dòng)兩次之間的延遲時(shí)間。 loop屬性，用于設(shè)定滾動(dòng)的次數(shù)，當(dāng)loop=-1表示一直滾動(dòng)下去，直到頁(yè)面更新。 例： 超鏈接和多媒體示例e-02.HTML 21超鏈接標(biāo)記鏈接文本或圖像href指出轉(zhuǎn)向的URL。target屬性指出該超鏈接指向的HTML文檔在指定目標(biāo)窗口中打開，tar

11、get屬性取值及其說(shuō)明如下表所示。名稱說(shuō)明_blank將鏈接的內(nèi)容顯示在新的瀏覽器窗口中。_self將鏈接的內(nèi)容顯示在當(dāng)前窗口中。_parent將鏈接的內(nèi)容顯示在父窗口中。_top將鏈接的內(nèi)容顯示在瀏覽器主窗口中。自定義URL在自定義的窗口中顯示超鏈接標(biāo)記的使用上一頁(yè) 電子信箱地址 播放音樂文件 播放影像文件 22 24頁(yè)面多媒體技術(shù)-續(xù)音樂和影像文件 2.4 使用框架框架是網(wǎng)局的重要工具，它與表格的不同之處在于表格是把網(wǎng)頁(yè)分割成小的單元格，而框架是把瀏覽器的窗口分割成一個(gè)個(gè)小的子窗口，這些子窗口稱為框架，每一個(gè)框架都相當(dāng)于一個(gè)瀏覽器窗口，這樣就使一個(gè)瀏覽器窗口可以顯示多個(gè)網(wǎng)頁(yè)。通常使用標(biāo)記建

12、立框架，它與不同的是，可以嵌在網(wǎng)頁(yè)中的任意部分。使用標(biāo)記建立的框架稱為iframe框架。2.4.2 iframe框架的屬性iframe框架的常用屬性如下：src=URL：設(shè)置要鏈接到該子窗口的URL。width=size：設(shè)置iframe框架的寬度。height=size：設(shè)置iframe框架的高度。frameborder=size：指定iframe框架是否有邊框，size可取yes、no、1和0值之一。marginwidth=size：用來(lái)控制顯示內(nèi)容和窗口左右邊界的距離，默認(rèn)為1。marginheight= size：用來(lái)控制顯示內(nèi)容和窗口上下邊界的距離，默認(rèn)為1。scrolling=sc

13、rollingstyle：指定子窗口是否使用滾動(dòng)條，scrollingstyle可取yes/no/auto這3個(gè)值之一，默認(rèn)為auto，即根據(jù)窗口內(nèi)容決定是否有滾動(dòng)條。注意：在Visual Studio.NET 2005中，iframe框架只能在視圖中用直接輸入代碼的方式創(chuàng)建。iframe框架中顯示的內(nèi)容用src屬性指定，而和標(biāo)記之間的內(nèi)容只有在不支持iframe框架的瀏覽器中才顯示。另外，當(dāng)一個(gè)iframe框架iframe1已建立后，可以暫時(shí)不指定src屬性，以后將一個(gè)網(wǎng)頁(yè)（aaa.aspx）在其中顯示時(shí)，需指定該框架的name屬性為iframe1，并將網(wǎng)頁(yè)aaa.aspx的Target屬性

14、為iframe1，這樣便可以在iframe1框架中顯示aaa.aspx網(wǎng)頁(yè)的內(nèi)容。iframe框架，name=“iframe1”網(wǎng)頁(yè)aaa.aspxTarget=iframe1【例2.2】設(shè)計(jì)一個(gè)含有iframe框架的網(wǎng)頁(yè)窗體WForm2-2。源視圖代碼如下： 無(wú)標(biāo)題頁(yè) WForm1-1網(wǎng)頁(yè) WForm2-1網(wǎng)頁(yè) 手工添加設(shè)計(jì)界面運(yùn)行界面【例2.3】設(shè)計(jì)一個(gè)含有超鏈接的網(wǎng)頁(yè)窗體WForm2-3。源視圖代碼如下： 無(wú)標(biāo)題頁(yè) WForm1-1網(wǎng)頁(yè) 手工輸入單擊2.6 制作表單HTML提供的表單（form）是用來(lái)將用戶輸入的數(shù)據(jù)從瀏覽器傳遞給Web服務(wù)器的。 2.6.1 創(chuàng)建表單用法：標(biāo)記的主要屬性

15、如下：action：用來(lái)指出當(dāng)這個(gè)表單提交后需要執(zhí)行的駐留在Web服務(wù)器上的程序名（包括路徑）是什么。一旦Internet網(wǎng)絡(luò)用戶提交輸入信息后服務(wù)器便激活這個(gè)程序，完成某種任務(wù)。例如：，當(dāng)用戶點(diǎn)擊本表單的提交按鈕以后，執(zhí)行Web服務(wù)器上的login.asp文件將接收用戶輸入的信息，以登記用戶信息。method：用來(lái)說(shuō)明從客戶端瀏覽器將Internet網(wǎng)絡(luò)用戶輸入的信息傳送給Web服務(wù)器時(shí)所使用的方式。有兩種方式：POST和GET（默認(rèn)方式），區(qū)別是：在使用POST時(shí)，表單中所有的變量及其值都按一定的規(guī)律放入報(bào)文中，而不是附加在action所設(shè)定的URL之后。在使用GET時(shí)將form的輸入信息

16、作為字符串附加在action所設(shè)定的URL的后面，中間用“？”隔開，即在客戶端瀏覽器的地址欄中可以直接看見這些內(nèi)容。enctype：用于確定提交的信息的類型。target：用于確定服務(wù)器程序?qū)⒔Y(jié)果返回時(shí)在哪一個(gè)框架窗口中顯示，默認(rèn)值為“_self”。2.6.2 表單控件在與之間可以嵌入各種控件，也稱為表單域標(biāo)記。它們的通用格式為：其中，type屬性設(shè)置該控件的類型，id確定該控件在整個(gè)文檔中id值。在Visual Studio.NET 2005中，工具箱的“HTML”選項(xiàng)卡上提供下列HTML控件：Input（Button）控件：INPUT type=button元素。Input（Submit）

17、控件：INPUT type=submit元素。Input（Reset）控件：INPUT type=reset元素。Input（Checkbox）控件：INPUT type=checkbox元素。Input（Radio）控件：INPUT type=radio元素。Input（Hidden）控件：INPUT type=hidden元素。Input（Text）控件：INPUT type=text元素。Input（Password）控件：INPUT type=password元素。Select控件：多重選擇框元素。1. Input（Button）控件用于建立按鈕，其用法如下：其中，type設(shè)置為but

18、ton表示這個(gè)控件為按鈕。value值既是它被按下時(shí)傳給服務(wù)程序的值，又是它的標(biāo)題，即寫在按鈕上的文字。有兩個(gè)特殊的控件，它們實(shí)質(zhì)上也是按鈕，但其type不是“button”，而分別是“submit”（提交按鈕）和“reset”（重置按鈕）。其用法分別為：按下提交按鈕后，表單就把當(dāng)前所獲得的信息以method指定的方式全部傳給action指定的程序。按下重置按鈕后，則表單中的所有控件都被重置，恢復(fù)初始狀態(tài)。按鈕的常用事件為OnClick。2. Input（Checkbox）控件用于建立復(fù)選框，其用法如下：其中，type設(shè)置為checkbox表示這個(gè)控件為復(fù)選框。value設(shè)置當(dāng)這個(gè)復(fù)選框被選中

19、后，發(fā)送給action指定處理程序的值。checked表示預(yù)置該復(fù)選框被選中，如果有這一項(xiàng)，該復(fù)選框初始值為被選中。復(fù)選框的常用事件有OnClick和OnFocus。3. Input（Radio) 控件用于建立單選框（選項(xiàng)按鈕），其用法如下：各屬性意義與復(fù)選框的基本相同。注意：在設(shè)置一組單選框時(shí)，各選項(xiàng)必須同名（具有相同的name），取值不同（value不相同），并且?guī)讉€(gè)選項(xiàng)中必須有且只能有一個(gè)預(yù)置為選中。如果沒有預(yù)置選中項(xiàng)，缺省預(yù)置第一個(gè)選擇項(xiàng)被選中。單選框的常用事件有OnClick。4. Input（Hidden）控件用于建立隱藏項(xiàng)，其用法如下：該控件的內(nèi)容在表單中被隱藏起來(lái)，并不在網(wǎng)頁(yè)中

20、顯示。通?？捎脕?lái)以隱藏方式向服務(wù)器傳送有關(guān)信息。5. Input（Text）控件用于建立單行文本輸入框，其用法如下：其中，value屬性確定該文本框預(yù)置的文字。maxlength屬性確定在這個(gè)文本框中所能容納的字符串最大長(zhǎng)度，該項(xiàng)可以不設(shè)。size屬性確定這個(gè)文本框的顯示寬度，以能顯示多少個(gè)字符來(lái)衡量。單行文本框的常用事件有OnClick、OnFocus和OnChange。有一種特殊的單行文本輸入框?qū)ｉT用于輸入密碼（password)，不同之處在于它對(duì)鍵盤輸入的回顯字符為“*”，即它把用戶的輸入隱藏了。其用法為：6. Select控件用于建立多重選擇框，其用法如下：其中，size指定選擇框可以

21、顯示的行數(shù)（默認(rèn)值為1）；若指定multiple則該選擇框?yàn)槎嘀剡x擇框。在與之間加入選擇項(xiàng)，選擇項(xiàng)形式為：顯示文本若為一個(gè)選擇項(xiàng)指定selected，則該選擇項(xiàng)預(yù)置為選中?！纠?.4】設(shè)計(jì)一個(gè)含有超鏈接的網(wǎng)頁(yè)窗體WForm2-4。設(shè)計(jì)界面 運(yùn)行界面 例：e-04.html和e-04.aspx的運(yùn)行效果單擊“e-04.html”的“提交”按鈕后，將該網(wǎng)頁(yè)提交給“e-04.aspx”處理。 462.7 CCS樣式設(shè)計(jì)2.7.1樣式和樣式表CSS（Cascading Style Sheets）是W3C定義和維護(hù)的標(biāo)準(zhǔn)，是一種用來(lái)為結(jié)構(gòu)化文檔（如HTML文檔或XML文檔）添加樣式（字體、間距和顏色等）

22、的計(jì)算機(jī)語(yǔ)言。1. 樣式樣式是指每一個(gè)網(wǎng)頁(yè)元素呈現(xiàn)在瀏覽器中的風(fēng)格，比如字體的大小、顏色、頁(yè)面的背景色、背景圖等。定義樣式的基本格式如下：樣式屬性1:值1; 樣式屬性2:值2; 樣式屬性與值之間用冒號(hào)“:”分隔，如果一個(gè)樣式中有多個(gè)樣式屬性，各樣式屬性之間要用分號(hào)“;”隔開。（1）內(nèi)聯(lián)式樣式設(shè)置通過(guò)style屬性指定所修飾的元素使用的“私有樣式”，用法如下：style=屬性1:值1;屬性2:值2;屬性n:值n例如：中華人民共和國(guó)教育部（2）直接嵌入式樣式設(shè)置使用和標(biāo)記建立一個(gè)或多個(gè)樣式，置于之間，在內(nèi)直接使用這些樣式。標(biāo)記有一個(gè)屬性type，它指出樣式的類別，如果使用CSS樣式，則type取值

23、為“text/css”。例如： 樣式引用示例 h1font-size:40px; color:Red; h2font-size:30px; color:Blue; 中華人民共和國(guó) 教育部 2. 樣式表文件所謂樣式表文件就是將網(wǎng)頁(yè)元素的樣式定義設(shè)計(jì)為一個(gè)獨(dú)立的文件。凡是在網(wǎng)頁(yè)的部分與該樣式表文件建立鏈接的HTML文件，其頁(yè)面元素的樣式就會(huì)按照樣式表文作中的定義顯示。樣式表文件的擴(kuò)展名為“.css”樣式表文件中樣式定義的一般格式如下：樣式定義選擇符 樣式屬性1:值1; 樣式屬性2:值2; 例如，樣式表文件StyleSheet1.css的內(nèi)容為：body background-color:#33bb

24、66;h1 font-size:40pt; color:Blue;h2 font-size:30pt; color:White; 在網(wǎng)頁(yè)文件中引用該樣式表文件只需要在網(wǎng)頁(yè)的與之間添加如下代碼：其中，rel規(guī)定了被鏈接文件的關(guān)系，取值永遠(yuǎn)是“Stylesheet”，type屬性規(guī)定了鏈接文件的類型；href屬性則指定了要鏈接的樣式表文件的URL。 css優(yōu)先級(jí)ID的樣式優(yōu)先級(jí)高于class的樣式后面的樣式覆蓋前面的樣式指定的高于繼承的樣式行內(nèi)樣式高于內(nèi)部或外部樣式 總結(jié)：?jiǎn)我坏?id)高于共用的(class)，有指定的用指定的，無(wú)指定則繼承離它最近的 注意：不同位置CSS樣式規(guī)則的優(yōu)先級(jí)是內(nèi)聯(lián)樣

25、式最高，其次是頁(yè)面中的CSS樣式，最后是外部樣式表。 51樣式表文件中設(shè)計(jì)每個(gè)樣式的“樣式定義選擇符”指樣式定義的對(duì)象，可選項(xiàng)有：HTML標(biāo)記、用戶自定義的類、用戶自定義的ID和虛類等。（1）HTML標(biāo)記HTML標(biāo)記是最典型的選擇符類型。如果有多個(gè)不同的標(biāo)記要使用相同的樣式，則可以采用編組的方法簡(jiǎn)化定義。例如：H1,H2,H3 color:red（2）類（class）用戶自定義的類是用來(lái)為某一個(gè)HTML標(biāo)記創(chuàng)建多個(gè)樣式，或者為多個(gè)標(biāo)記創(chuàng)建同一種樣式。類的定義格式如下：樣式定義選擇符.類名樣式屬性1:值1; 樣式屬性2:值2; 例如，H1.first和H1.second的樣式代碼分別如下：H1.

26、first color:Red;font-size:40pxH1.secondcolor:Blue;font-size:30px 這樣，可以通過(guò)以下方式使用它們：中華人民共和國(guó)教育部（3）自定義ID自定義ID以“#”為標(biāo)志，依靠這個(gè)唯一的標(biāo)志可以在定義一套樣式，稱為“私有命名樣式”。私有命名樣式的定義方法為：#idname 屬性1:值1;屬性2:值2;屬性n:值n其中，id標(biāo)志前的“#”符號(hào)一定不能省略。例如：#customId1 color:Red在網(wǎng)頁(yè)中引用該樣式的標(biāo)記符內(nèi)使用id屬性即可，例如：本段落文字為紅色I(xiàn)D與類主要區(qū)別是，類可以在同一個(gè)網(wǎng)頁(yè)的多個(gè)標(biāo)記中重復(fù)使用；而ID則在同一網(wǎng)頁(yè)

27、中只能使用一次。（4）虛類虛類是專用于標(biāo)記的選擇符，使用虛類可以設(shè)置不同類型超鏈接的顯示方式：A:link：未被訪問過(guò)的超鏈接。A:visited：已被訪問過(guò)的超鏈接。 A:active：當(dāng)超鏈接處于選中狀態(tài)。 A:hover：當(dāng)鼠標(biāo)指針移動(dòng)到超鏈接上。定義虛類的語(yǔ)法格式如下：a:狀態(tài) 屬性:值;例如：a:visited,a:link color:blue a:hover color:yellow; text-decoration:none2.7.2樣式生成器直接使用代碼設(shè)計(jì)樣式是十分麻煩的，為此Visual Studio.NET 2005提供了專門的樣式生成器可以可視化地設(shè)計(jì)樣式?！纠?.5

28、】設(shè)計(jì)一個(gè)顯示若干文字的網(wǎng)頁(yè)窗體WForm2-5，其中這些文字引用相應(yīng)的樣式進(jìn)行輸出。其設(shè)計(jì)步驟如下：（1）在Myaspnet網(wǎng)站的ch2文件夾中添加一個(gè)名稱為WForm2-5的空網(wǎng)頁(yè)。（2）選擇“網(wǎng)站”|“添加新項(xiàng)”菜單命令，出現(xiàn)“添加新項(xiàng)”對(duì)話框，在“模板”列表中選擇“樣式表”，保持默認(rèn)文件名StyleSheet.css不變，如下圖所示，單擊“添加”按鈕。（3）出現(xiàn)如下圖所示的樣式設(shè)計(jì)對(duì)話框，如果右邊不是“CSS大綱”窗口，單擊工具欄中的下三角箭頭，在出現(xiàn)的菜單中選擇“文檔大綱”命令。（4）選擇“樣式|添加樣式規(guī)則”菜單命令，出現(xiàn)如下圖所示的“添加樣式規(guī)則”對(duì)話框。（5）從“元素”組合框中選中H1標(biāo)記或直接輸入H1，在“樣式規(guī)則預(yù)覽”文本框