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

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

成都創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設(shè)計、成都做網(wǎng)站與策劃設(shè)計,新源網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:新源等地區(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ī)則設(shè)置超鏈接的顯示 打開文檔，然后打開“CSS樣式”面板。

HTML中CSS外部樣式表

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

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

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

如何連接外部CSS樣式

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

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

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

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

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

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

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

廣告

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