CSS教程(五)如何使用DW4創(chuàng)建CSS

1、打開CSS樣式面板使用“CSS樣式”面板可以查看、創(chuàng)建、編輯和刪除CSS樣式，也可以將外部樣式表附加到文檔。

成都創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設計、成都做網(wǎng)站與策劃設計,新源網(wǎng)站建設哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設十載,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:新源等地區(qū)。新源做網(wǎng)站價格咨詢:028-86922220

2、使用Dreamweaver CS5創(chuàng)建新的CSS規(guī)則 打開文檔，將光標移動到要插入CSS規(guī)則的位置上，然后選擇下面的任意一種方法打開“新建 CSS 規(guī)則”對話框。

3、先啟動DW軟件，新建文檔，文檔類型選擇【/HTML】-【XHTML0】，然后點擊【創(chuàng)建】。點擊創(chuàng)建后，DW會為之創(chuàng)建一個HTML文件，我們在body標簽中加入一個div標簽組。

4、使用CSS規(guī)則設置超鏈接的顯示 打開文檔，然后打開“CSS樣式”面板。

HTML中CSS外部樣式表

當我們不導入外部CSS樣式表時，我們通常用html編寫樣式，兩種方式使我們共同，第一種為下圖。

/h1/body/html在style.css中的代碼為h1{font-size：12px；color：#000FFF}我們在head中使用了link標簽來調用外部樣式表文件。

html5使用link標簽引入外圍的css樣式表。

如何連接外部CSS樣式

第一種：行內式樣式插入CSS樣式 在html文件中輸入如上圖所示的內容。這時候在使用瀏覽器打開，就實現(xiàn)插入CSS樣式。如上圖所示。第二種：嵌入式樣式插入CSS樣式 在html文件中輸入如上圖所示的內容。

CSS和HTML連接起來的方法有使用內聯(lián)樣式、使用內部樣式表、使用外部樣式表、使用＠import引入外部樣式表、繼承樣式、使用選擇器等等。使用內聯(lián)樣式 在HTML標簽的內部使用style屬性來添加CSS樣式。

當我們不導入外部CSS樣式表時，我們通常用html編寫樣式，兩種方式使我們共同，第一種為下圖。一行代碼引入外部的CSS文件即可linkrel=stylesheethref=css/style.css這樣css文件就與HTML鏈接起來了。

CSS中可以通過三種方法引入樣式表：（1）內聯(lián)樣式（2） 嵌入式樣式（3） 外部樣式這些CSS樣式中的每一種形式都有它們的優(yōu)點和缺點接下來將詳細的為大家介紹內聯(lián)樣式特點：（1）內聯(lián)樣式放在代碼中的HTML元素中。

在您的CSS文件中，復制、粘貼下面的行，并保存該文件：連接您的文檔和樣式表為將您的文檔和樣式表相連，請編輯您的HTML文件。并添加下面高亮的行：保存該文件并刷新您的瀏覽器。

本文名稱：如何建立外部css樣式 創(chuàng)建外部樣式表
網(wǎng)頁URL：http://vcdvsql.cn/article3/dggeoos.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供電子商務、企業(yè)網(wǎng)站制作、網(wǎng)站營銷、ChatGPT、商城網(wǎng)站、虛擬主機

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)