dreamweaver下用css制作網(wǎng)頁的技巧
來源:易賢網(wǎng) 閱讀:824 次 日期:2016-06-23 08:49:38
溫馨提示:易賢網(wǎng)小編為您整理了“dreamweaver下用css制作網(wǎng)頁的技巧”,方便廣大網(wǎng)友查閱!

本文介紹如何在dreamweaver中使用層疊樣式表(css)設置頁面中的文本格式。您可以使用css以html無法提供的方式來設置文本格式和定位文本,從而能更加靈活自如地控制頁面的外觀。

層疊樣式表(css)是一系列格式設置規(guī)則,它們控制web頁面內(nèi)容的外觀。使用css設置頁面格式時,內(nèi)容與表現(xiàn)形式是相互分開的。頁面內(nèi)容(html代碼)位于自身的html文件中,而定義代碼表現(xiàn)形式的css規(guī)則位于另一個文件(外部樣式表)或html文檔的另一部分(通常為部分)中。使用css可以非常靈活并更好地控制頁面的外觀,從精確的布局定位到特定的字體和樣式等。

css使您可以控制許多僅使用html無法控制的屬性。例如,您可以為所選文本指定不同的字體大小和單位(像素、磅值等)。通過使用css從而以像素為單位設置字體大小,還可以確保在多個瀏覽器中以更一致的方式處理頁面布局和外觀。

css格式設置規(guī)則由兩部分組成:選擇器和聲明。選擇器是標識已設置格式元素(如p、h1、類名稱或id)的術語,而聲明則用于定義樣式元素。在下面的示例中,h1是選擇器,介于大括號({})之間的所有內(nèi)容都是聲明:

h1{

font-size:16pixels;

font-family:helvetica;

font-weight:bold;

}

聲明由兩部分組成:屬性(如font-family)和值(如helvetica)。上述示例為h1標簽創(chuàng)建了樣式:鏈接到此樣式的所有h1標簽的文本都將是16像素大小并使用helvetica字體和粗體。

術語層疊是指對同一個元素或web頁面應用多個樣式的能力。例如,可以創(chuàng)建一個css規(guī)則來應用顏色,創(chuàng)建另一個規(guī)則來應用邊距,然后將兩者應用于一個頁面中的同一文本。所定義的樣式層疊到您的web頁面上的元素,并最終創(chuàng)建您想要的設計。

css的主要優(yōu)點是容易更新;只要對一處css規(guī)則進行更新,則使用該定義樣式的所有文檔的格式都會自動更新為新樣式。

在dreamweaver中可以定義以下規(guī)則類型:

自定義css規(guī)則(也稱為類樣式)使您可以將樣式屬性應用到任何文本范圍或文本塊。所有類樣式均以句點(.)開頭。例如,您可以創(chuàng)建稱為.red的類樣式,設置規(guī)則的color屬性為紅色,然后將該樣式應用到一部分已定義樣式的段落文本中。

html標簽規(guī)則重定義特定標簽(如p或h1)的格式。創(chuàng)建或更改h1標簽的css規(guī)則時,所有用h1標簽設置了格式的文本都會立即更新。

css選擇器規(guī)則(高級樣式)重定義特定元素組合的格式,或其它css允許的選擇器形式的格式(例如,每當h2標題出現(xiàn)在表格單元格內(nèi)時,就應用選擇器tdh2)。高級樣式還可以重定義包含特定id屬性的標簽的格式(例如,由#mystyle定義的樣式可以應用到所有包含屬性/值對id=mystyle的標簽)。

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:dreamweaver下用css制作網(wǎng)頁的技巧
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權所有:易賢網(wǎng)