如何在Frontpage中定義CSS樣式

1、L3J如何在Frontpage 中定義CSS樣式?當很多人發(fā)現(xiàn)在DW4中定義FP2000如何的不好。事實上，在CSS很方便的時候，開始報怨 FP2000不能定義CSS，甚至就此抨擊FP2000中定義CSS是很容易的，甚至在某些方面比DW4中定義更方定義HTML標記的樣式在Frontpage2000下，選擇菜單 格式/樣式”會彈出一個定義樣式的窗口，在CSS列表下拉菜單（位于左下）中，選所有的HTML標記”這時在左邊的列中會出現(xiàn)大部分常用的HTML標記，選中一個，然后點右下的 修改”會彈出一個 修改樣式”窗口，在該窗口左下方有一個格式”按鈕，點擊該按鈕，會出現(xiàn)一個下拉菜單，一共有五個選項字體:顧

2、名思義，這里就是定義字體的地方。段落:跟 字體”差不多，點進去后根據(jù)提示定義就可以了。邊框:定義邊框和背景等，根據(jù)提示定義就可以了。進入后有有邊框”和陰影”兩個選項卡，在 邊框”中定義邊框，在陰影”中定義前景和背景。編號方式：共有三個選項卡，根據(jù)字面意義去定義就可以了。定位:這就是CSS定位啦，但一般用在具體的網(wǎng)頁元素當中。是不很容易？當然，定義這些您最好要有一定的CSS的基礎，不然您可能不知道定義的是什么。但是您只要了解一些語法規(guī)則就可以嘍，剩下的就讓Frontpage2000去做吧!有兩個較為特殊的：1、在網(wǎng)頁任何位置點擊鼠標右鍵，選網(wǎng)頁屬性”在屬性面板的下側有一個樣式”按鈕，在這里可以定

3、義body的樣式，這樣定義在形式上是內(nèi)嵌式的，事實上這跟直接定義body是沒有什么區(qū)別的，因為一個網(wǎng)頁中只有一個 body。2、仍然在網(wǎng)頁屬性”面板當中，選 背景”選項卡，在中上的位置有一個啟用超鏈接翻轉效果”選中它前面的復選框，然后點擊它下面的 翻轉樣式”按鈕，就可以定義一些字體了,事實上這樣定義的是a:hover（即鼠標縣停到超鏈接時的樣式）定義class或ID這個仍然是在菜單 格式/樣式”中，在右下的 列表”中選擇用戶定義的樣式”這時，你以前定義的標記 會出現(xiàn)在右側的列表中。下面我們開始定義一個class（偽類），點擊右下的 新建”按鈕，在最上面的名稱（選擇器）”中輸入一個名 字，比如“

4、.mycss；注意，前面有一個“表明是定義一個class（如果定義ID前面是“#”）但在引用時并不算 名字的一部分，只有 “.或（“#”后面的才做為名字 “名字!取好名字后，就開始定義格式了，仍然點格式”按鈕，剩下的就跟上面所講述的方法一樣啦！這里就不 再贅述。至于如何在網(wǎng)頁的具體元素中引用我們接下來就會講述。定義內(nèi)嵌式的樣式在大部分的屬性面板的下側， 都會有一個樣式按鈕，點擊后，就可以定義內(nèi)嵌式的 CSS樣式了。比如,先建一個表格，在表格的一個單元格中點擊左鍵，選擇單元格屬性”在屬性面板中有一個 樣式”按鈕，點擊后，在下側有一個 格式”按鈕，點進去后就可以定義樣式嘍！筆者認為：Frontpa

5、ge2000提供的這種方式來 定義內(nèi)嵌式的樣式大大方便了我們的工作，是個不錯的功能。接下來我們看看如何引用一個已經(jīng)定義好了的class（或ID），仍以單元格為例，在單元格屬性畫板中,點擊 樣式”在樣式面板的中上部，左側是類”下拉菜單，在這里面就可以選擇我們定義好了的類了。在右ID，側是“ID，不過這里面不是下拉菜單，而是一個單行文本框，需要我們手動的敲進去我們定義好了的 注意不要帶“#”這里我們主要是針對對Frontpage2000和CSS有一定基礎的朋友講的，所以講得較為粗略，希望在 閱讀的時候能夠結合 Frontpage2000的使用來加深理解！ 用Front Page 2000 做樣式表

6、Dreamweaver以其強大的功能正在擴張到更多網(wǎng)蟲的硬盤里，然而Dreamweaver并非每個功能都那么出色。至少，在樣式表（CSS）設置方面就顯得太專業(yè)，讓這些英文不好的蟲蟲”們大傷腦筋。經(jīng)過 N次下載、安裝，到頭來我才發(fā)現(xiàn)原來最好的早已在自己的手中，那就是被我封存很久的 一一Front Page 2000。下面就讓我?guī)ьI大家一塊來分享傻瓜”化軟件帶來的快樂吧。一、三種添加CSS的方式在Front Page 2000里可以通過三種方式給網(wǎng)頁增加樣式表。1. 頁面鏈接一個外部的樣式表文件，這種方法可以使多個頁面使用同一個樣式表文件，方便保持頁面 的主題。步驟：啟動 Front Page 2

7、000，然后依次點 文件”新建”、網(wǎng)頁”打開Front Page 2000的新建對話框，選擇樣式表”選項。在這些樣式表中有Front Page 2000自帶的很多樣式表供你參考和修改。當然 如果你對CSS熟悉的話，你也可以使用空白的樣式表，自己重新創(chuàng)建一個。2. 通過在Front Page 2000中創(chuàng)建一個樣式表單，此時樣式表就是網(wǎng)頁的一部分，直接 位于HTML文檔的之間。這個實際上不算創(chuàng)建，只要把已經(jīng)創(chuàng)建好的樣式表直接復制下來，然后選擇網(wǎng)頁 編輯器的“html選項，然后粘貼到HEAD之間就可以了。3. 通過使用內(nèi)含樣式表元素，單獨指定樣式表。在Front Page 2000 編輯一個頁面的

8、時候，只要選中要發(fā)生變化的文字，然后點擊右鍵，選擇網(wǎng)頁屬性”就可以隨時隨地進行可視化操作了。二、內(nèi)含式樣式表的使用下面就以修改美化一個搜索框為例,給大家介紹一下內(nèi)含式樣式表的使用。現(xiàn)在就開始我們的美化之路。打開Front Page 2000，然后調入這個頁面。接下來就先對輸入框進行處理。用鼠標左鍵選中那個最長的輸入框,然后點擊右鍵，選擇表單域屬性”，出現(xiàn)文本框屬性。然后點擊 樣式”，接著選擇 格式”中的 邊框”按鈕，出現(xiàn)邊框與陰影對話框。因為要保持表格的統(tǒng)一，我們在設置”中選擇 自定義”，然后選擇 樣式”中的實線”最重要的就是應 用邊框的設置。點擊方框，四周出現(xiàn)的四個小按鈕分別代表著文本輸入框

9、的四條邊框。為了和文本輸入框外面的表格統(tǒng)一，這里的寬度也選擇為“1,然后確定”接著用鼠標左鍵選中搜索按鈕，點鼠標右鍵，選擇超鏈接屬性就會出現(xiàn)窗口。選擇樣式”按鈕，再選擇瀏覽”插入我們事先作好的搜索圖片。仍舊用鼠標左鍵選中那四個字，然后再點擊右鍵，選擇超鏈接屬性”彈出Windows窗口。選擇背景”選項，然后選中 啟用超鏈接翻轉效果”，然后點翻轉樣式”彈出新的Windows窗口。在這里我們可以一目了然地設置要實現(xiàn)的翻轉效果。為了突出搜索幫助”四個字，我們把字體設置成12pt,這樣當鼠標放上去的時候，字體就會從9pt變成12pt,從而讓用戶看得更清楚。接下來我們還可以根據(jù)自己的愛好來設置喜歡的顏色以

10、及其他樣式。通過內(nèi)含式樣式表的使用，我們很輕松地美化了搜索框Front Page XP樣式表的應用Front Page XP。Front Page XP設置邊框和底紋等。可以保證用戶設計網(wǎng)頁與不同的瀏覽器兼容，它所提供的樣式表 使用樣式表可以實現(xiàn)網(wǎng)頁元素的加寬或緊縮字體間距、設置段落(CSS)功能就是其中之縮進”和段落間距”、Front Page XP可以創(chuàng)建外部和內(nèi)嵌式級聯(lián)樣式表，讓我們一個一個來做。創(chuàng)建外部CSS這是一種可以應用于多個網(wǎng)頁的樣式表，也就是說，使網(wǎng)站內(nèi)的頁面鏈接一個外部的樣式表文件，其擴展名為CSS，這樣就可以使多個頁面使用同一個樣式表文件，從而保持了整個頁面的主題風格，編輯

11、CSS文件可以在任意的文本處理程序中進行。在Front Page XP中，提供了 CSS文件的建立模板，可以根據(jù)需要定制自己感興趣的模板樣式。1、建立樣式執(zhí)行文件/新建/網(wǎng)頁或站點”命令，在新建網(wǎng)頁或站點”任務窗口中，在 根據(jù)模板新建”之下，單擊網(wǎng) 頁模板”打開網(wǎng)頁模板”對話框。單擊 樣式表”選項卡，再單擊要創(chuàng)建的 CSS類型，比如垂柳樣式，然后 單擊確定”按鈕。此時，F(xiàn)ront Page XP會創(chuàng)建一個文件擴展名為 CSS的新網(wǎng)頁，并在網(wǎng)頁”視圖模式中將其打開以供 編輯，必須保存該網(wǎng)頁才能在以后應用這個樣式表文件。創(chuàng)建CSS后會顯示 樣式”工具欄，如圖1。在此工具欄上單擊可以激活 經(jīng)保存的樣

12、式表文件，可以單擊菜單樣式”對話框。如果要修改已 視圖/文件夾”然后在 文件夾列表中雙擊要打開的 CSS文件即可。圖1樣式工具2、編輯樣式我們再來看看如何編輯樣式。單擊 進入 樣式”對話框，如圖2所示。樣式”工具欄上的 樣式”按鈕或者在 格式”菜單上單擊 樣式”命令,圖2在此編輯樣式表在樣式列表中，包含了多個樣式，其中“ a:link表示對鏈接文本有效，“ a:active表示對激活鏈接有效,a:visited對已訪問文本有效,“ a:hover表示當鼠標處于懸停狀態(tài)時有效。單擊要修改的樣式類型，比如 “ a:link，然后在下方的 列表”中選擇 用戶定 如果此時要修改標準 HTML標記，可以

13、選擇“ HTML標記”。接著在樣式列首先在左側的樣式”框中，義的樣式”選項，需要注意的是，表中雙擊“a:link樣式，打開修改樣式”對話框，如圖3。如果要設置對齊方式、縮進或段落間距，可以選擇段落”，設置邊框和底紋可以選擇邊框”，設置項目符號和編號的樣式，可以選擇編號”。完成設置后，關閉所有對話框返回到 CSS文件。這樣我們就完成了一個樣式的設置，可以將設置好的樣式直接應用到網(wǎng)頁文件指定的文字、段落中。圖3在此設置樣式的格式返回主界面后，執(zhí)行菜單文件/保存”命令，將此樣式保存為link.css備用。創(chuàng)建內(nèi)嵌式CSS在網(wǎng)頁”視圖中，執(zhí)行 格式/樣式”命令，打開樣式對話框，然后單擊新建”按鈕，在名

14、稱”框中輸入新樣式的名稱為“ .pal,”然后在 樣式類型”下樣式選擇為 段落”。然后單擊 格式”，再按照前面介紹的方法設置 新樣式的格式特征，比如字體、段落等。應用樣式首先我們在 網(wǎng)頁”視圖中，打開需要應用樣式表（CSS）的網(wǎng)頁，然后在 格式菜單上，單擊 樣式表鏈接”, 打開鏈接樣式表對話框，單擊添加”按鈕，在打開的選擇樣式表”對話框中，選擇剛才建立的CSS樣式文 件，單擊 確定”后，即可將其添加在 “ URL列表中。如果選中 所有網(wǎng)頁”選項，可以將樣式文件應用到網(wǎng)站 所有網(wǎng)頁中，選擇 當前網(wǎng)頁”只會在當前編輯網(wǎng)頁中使用。另外，如果要將樣式應用于網(wǎng)頁上段落或者文 字，首先可以選擇要應用樣式的

15、文字，然后在工具欄的樣式列表框中選擇要應用的樣式名稱即可。到站提示：樣式在網(wǎng)頁設計過程中比較常見，巧妙地使用樣式不但可以使網(wǎng)頁更加美觀，而且還可以 很好地規(guī)范站點中網(wǎng)頁的顯示效果。下一站，我們將利用Front Page XP給我們的網(wǎng)頁設計表單。在靜態(tài)HTM頁面中實現(xiàn)無刷新的更換 CSS樣式!系統(tǒng)原來的更換CSS模板是要重新刷新一下兒頁面的，我一直都對這個功能很不滿意，百分之九十五的功能都用AJAX無刷新的實現(xiàn)了，難道要在這個小小的更換頁面CSS模板上給用戶添點惡心嗎？于是,OK 了，現(xiàn)在系統(tǒng)上的模板更昨天晚上好好考慮了這個功能上的實現(xiàn)，原來發(fā)現(xiàn)其實并不難，小改一下就 換是不用刷新頁面來完成的

16、，明顯在感覺上比原來好得多了，下面談談經(jīng)驗吧:對于一個多頁面的網(wǎng)站來說了，CSS的更換不能只簡單的在一個頁面中調用更換CSS功能更新這個頁 面頭上鏈接的CSS地址，因為它不能保證在點擊了別的頁面后新的樣式應該到新打開的頁面中去，因此,一定要有一個全局性的變量來記錄它，我選用的是SESSION，在用戶點擊了側邊模板下拉框中的模板時,觸發(fā)了下拉框的ONCHANGE事件，執(zhí)行了一段 AJAX程序，程序的功能是將用戶選中的模板信息發(fā)送給服務器，服務器接收新的模板信息后更新表示模板的SESSION值，然后向客戶端返回成功信息，客戶端則根據(jù)返回的成功信息來改變頁面樣式，注意：我在頁面頭中寫的CSS鏈接信息

17、是這樣子的：程序代碼vLINK id=cssLink href=css.as px typ e=text/css rel=stylesheetcss.aspx是一個ASP.net的頁面，它的作用只是單一的根據(jù)SESSION中的當前CSS模板信息來轉向所應CSS樣式表文件！這樣子的處是客戶端在接收到了服務器端成功更新SESSION的信息后剛不用考慮其它的東西，直接一句:document.getElementByld(cssLink).href=document.getElementByld(cssLink).href;將cssLink的href重新寫一下兒，雖然是前后一模一樣子的值，但這會激發(fā)C

18、SS.ASPX頁面重新讀一下兒,這樣子CSS.ASPX頁面就能轉到新更新的 CSS樣式表了！由于網(wǎng)站別的頁面的樣式表鏈接信息都是這樣寫的，所以每個頁面加載時都是會應用最新更新的樣式表的，這樣子，網(wǎng)站無刷新的全局更新樣式表就實現(xiàn)了！輕松制作自己的信息反饋 WEB頁網(wǎng)上的信息反饋，其實就是交互表單，通常表單主要用于信息調查、收集統(tǒng)計數(shù)字等方面，在電子商務流行的今天，表單的作用更是不容忽視，我們可以利用表單來輕松完成各種數(shù)據(jù)的收集、獲得用戶定單等,對于不懂數(shù)據(jù)庫的我們，還是先學學FP的簡單表單制作方法吧，也免的落伍與這個電子商務時代。首先打開文件菜單，選擇新建，在子菜單中選擇網(wǎng)頁命令。在彈出的對話框

19、中點擊 常規(guī)選項卡,然后選擇表單網(wǎng)頁向導-，并單擊確定按鈕。彈表單制作向導對話框后，單擊下一步按鈕，當我們第一次使用表單網(wǎng)頁向導的時候，需要單擊添加按鈕，來添加問題。彈出如圖001的對話框后，我們可以在選擇此問題要收集的輸入類型列表框中選擇要添加的類型。單擊下一步按鈕后，會出現(xiàn)關于個人信息的對應項目，對各項內(nèi)容做好選擇后，單擊下一步按鈕。這樣，問題就添加到列表中，如果不想在添加問題，直接單擊下一步按鈕繼續(xù)制作。在如何顯示問題列表-下有4個單選鈕，是用來調整問題的顯示方式， 我們在這里采用顯示為普通段落的顯示方式，然后對其他選項不做改動，單擊-下一步按鈕。如圖002。在輸出選項中也有 3個單選鈕

20、供我們選擇，我們這里按照系統(tǒng)默認”將結果保存到Web頁，然后在輸入結果文件的基本名稱”后輸入 Web頁的名字。單擊下一步按鈕，然后單擊”完成按鈕。然后我們就可以利用我們原來學的知識，對這個表單的頁面進行修飾。做好這些之后，我們就要設置一下表單的屬性了。右鍵單擊表單的任意一處， 在彈出的快捷菜單中選擇表單屬性命令，在彈出的對話框中的發(fā)送到單選鈕后設置填寫好的表單發(fā)送到的地址。在文件名稱后輸入保存表單結果的文件名稱，在這里要輸入一個對應的網(wǎng)頁地址，單擊瀏覽按鈕，選擇一個已經(jīng)存在的網(wǎng)頁的話，會將表單結果附加在該網(wǎng)頁的最后。如果還希望瀏覽者提交的表單能通過Email反饋到自己的信箱， 就在電子郵件地址

21、”后的文本框中填寫好自己的電子郵件地址，然后單擊確定按鈕。（在完成好這些設置之后，如果你沒有安裝FrontPage服務器擴展，系統(tǒng)會自動提示你安裝該擴展，如果沒安裝服務器擴展 功能的話，我們所設置的這些表單也將起不到任何作用。）接下來設置一下按鈕， 在表單中我們經(jīng)常用到的按鈕功能就是提交和清除功能,如果我們不想對按鈕的名稱進行修改，利用系統(tǒng)默認的設置即可。 如果想對它進行修改， 就雙擊該按鈕，彈出對話框后進行設置。在 ”名稱后輸入這個按鈕的名稱；在 ”值/標簽”后輸入按鈕標簽，也就是在瀏覽器中顯示的按鈕字樣；按鈕類型包括三種，（選擇提交單選鈕，則規(guī)定該按鈕的作用為提交表單；選擇 ”重置按鈕，規(guī)

22、定按鈕的作用為清除填寫內(nèi)容；如果選擇 ”普通單選鈕，就可以自己設置該按鈕的作用了，如加上超鏈接等。）完成按鈕設置后，單擊”確定按鈕。如圖003做好以上這些之后，我們的一個最簡單的信息反饋表單就制作完成了。在跟著我們做好這些之后，可能讀者們對 FP的服務器擴展功能還不是很了解，在以后我們將專門對FP的服務器擴展功能進行講解。正文：css學習:css 是 “ cascading style sheets 的簡稱，css用以作為網(wǎng)頁的排版和風格設計，在 要的一個內(nèi)容。css的作用是彌補html中文翻譯為串接樣式表”，也有人翻譯為樣式表”。web標準建站中，對 css的熟悉和使用 是相當重 的不足，讓

23、網(wǎng)頁的設計更為靈活。這個文章只是為您介紹 css的基礎應用，指引您的一個入門的基礎教程，主要目的是為推進web標準貢獻自己的微薄之力。說點我自己的體會，現(xiàn)在有好多人都在推廣web標準，其實對初學者來說，不需要剛學 的時候就學標準，學點簡單的還是容易入門的,因為現(xiàn)在html還在照樣用啊，所以我希望初學 者學習時不要非遵循標準，當你入門之后，你做網(wǎng)頁的時候，發(fā)現(xiàn)使用表格特麻煩的時候你就 該去尋求簡單方法了，到時再學也不晚啊，如果你喜歡新技術那么你初學時就學標準吧，按個人的實際來行動吧。下面開始學習了一、如何在html中應用css 。您可以利用下列3種方式將css指定的格式加入到html中:1.在h

24、tml文件里加一個超級連結，連接到外部的css文檔。（外部連結css）這個方法最方便管理整個網(wǎng)站的網(wǎng)頁風格，它讓網(wǎng)頁的文字內(nèi)容與版面設計分開。您 只 要在一個css文檔內(nèi)（擴展名為.CSS ）定義好網(wǎng)頁的風格，然后在網(wǎng)頁中加一個超級連接連接到該文檔，那么你的網(wǎng)頁會按在css文檔內(nèi)定義好的風格顯示出來了。具體的使用防范是:網(wǎng)頁文件的標題注意：style.css文件的位置。2.在html文件內(nèi)的 標簽之間，加一段 css的描述內(nèi)容。（內(nèi)定義css）這個方法適用于指定某個網(wǎng)頁，除了表現(xiàn)外部的css文檔定義好的網(wǎng)頁風格外，同時還要表現(xiàn)本身 html文檔內(nèi)指定的 css 。如果內(nèi)在添加的 css描述與外

25、部連接的css描述相沖突的話，網(wǎng)頁的表現(xiàn)將以內(nèi)在添加的css描述為主，也就是外部的描述就不再起作用了。具體使用方法是: 網(wǎng)頁標題 !-body font: 12pth1 font: 16ptp fon t-weight: bold;color: gree n網(wǎng)頁內(nèi)容值得注意的是，為了防止不支持css的瀏覽器誤將標簽間的css風格描述當成普通字串，而表現(xiàn)于網(wǎng)頁上，您最好將css的敘述文字插入在 之間。3.在html文件的文本內(nèi)容中,隨時有需要，隨時加一小段 css的描述指定風格。(文本間css)這個方法適用于指定網(wǎng)頁內(nèi)的某一小段文字的呈現(xiàn)風格。外部css與內(nèi)定義css如果和此定義有相同的項，那么

26、以此定義的css風格表現(xiàn)，外部css文檔與內(nèi)定義css和此定義的沒相同的項時那么還會正常顯示，同時還會顯示文本內(nèi)容間的css風格。具體使用方法是: 網(wǎng)頁標題 本頁內(nèi)容css上述的3種css，可以同時并用，也可以擇您所好，單一或成雙地使用。如果各間的敘述相沖突，則內(nèi)在定義的css會覆蓋外部連結的css，文本間的css會覆蓋內(nèi)在定義的 css。二、挑選者、屬性和值。色。先舉個例子：h3 color : blue 表示在文本中只要使用h3標簽的文字的顏色都是綠其中h3為挑選者，color為屬性，blue為color屬性的值。挑選者是套用樣式的元件，通常為外部css或內(nèi)定義css定義的風格的一個名字，

27、在這個初級教程里理解為一個標簽的名字也可以。屬性是用語描述挑選者的特性,相當于html語法中的標簽的屬性。值就是屬性的具體內(nèi)容 。在css中當我們使用到屬性值的時候,通常值是有一個度量依據(jù)的，也就是說值是有單位的。比如我們通常說你從家到學校走 1,1什么呢？米，公里，還是走1小時。通常在css中的 單位有：相對單位與絕對單位兩種單位具體如下:em”比如font-size: 2em）:相對于字母高度的比例因子。比例。“比如font-size: 80%）:相對于長度單位（通常是目前字型的大?。┑陌俜謕x （比如font-size: 12px）:像素（系統(tǒng)預設單位）。pt (比如 font-size

28、: 12pt): 像點。此外還有pc （印刷活字單位）,cm （公分）,mm （公厘）和in （英寸）等單位。當值為0時，我們就不需要設置單位了，比如你不想要邊框那么我們直接設置border=0 。在這我多說一句，就是強調單位的使用時，當我自己制作的網(wǎng)頁想在分辨率改變時,體大小也隨著改變那么我們就使用單位和em，如果你想時你的網(wǎng)頁不管怎么調分辨率都是固定大小的那么我們使用px、pt等元素了。呵呵!三、顏色的設置和使用。css 提供了 16,777,216種顏色可以供我們來使用，通常表現(xiàn)顏色的方式有三種：顏色名 字、rgb(red/green/blue)數(shù)值和十六進制數(shù)形式，具體表現(xiàn)如下:紅色可

29、以表示為：red、rgb（255,0,0）、rgb（100%,0%,0%） 、#ff0000 和 #f00 五種方 式。#rrggbb :以三個00到ff的十六進位值分別表示0到255十進位值的紅、綠、藍三原色數(shù)值。#rgb :簡略表示法，只用三個 0到f的十六進位值分別表示紅、綠、藍三原色數(shù)值。而事實上，瀏覽器會自動擴展為六個十六進位的值，如#abc將變?yōu)?aabbcc。但是,顯 見這樣的 表示法并不精確。rgb(r,g,b):以0到255十進位值的紅、綠、藍三原色數(shù)值來表示顏色。rgbrgb(r%,g%,b%):以紅、綠、藍彼此相對的數(shù)值比例來表示顏色，如141種標準的顏色名稱。(60%,

30、100%,75%)。color_name :直接以顏色名稱來表示顏色，共有通常我們在設置顏色的時候通常是設置文字的顏色還有一個就是背景色。如按下圖進 行設置:我們可以保存一下文蕩然后瀏覽你就可以看到效果了。四、關于文本的設置。觀。我們可以使用多種屬性來改變網(wǎng)頁文本的大小和形狀，以使網(wǎng)頁文本內(nèi)容看起來更加美font-family :設定文字字型 可以取family-name 值，范例:span family-n ame : 楷體或范例：span style=family-name: 楷體。font-style :設定字體樣式，可以取的值有 normal普通字、italic斜體字；范例： span fon t-style : italic 。font-weight :設定字型份量；可以取的值有normal普通字、bold粗體字、bolder相對于父元素稍粗、lighter相對于父元素稍細 、100,200,300,400,500,600,700,800,900 數(shù)字由小到大代表筆畫由細到粗，例如：normal=400 bold=700 ;范例：span font- weight :bolder。font-size :設定文字大小。text-decoration :設定文字修飾，可能