1.創(chuàng)建css樣式,點擊窗口\css樣式,可以打開css樣式編輯窗口,還可以直接在屬...
創(chuàng)新互聯(lián)成都企業(yè)網(wǎng)站建設服務,提供網(wǎng)站設計、成都做網(wǎng)站網(wǎng)站開發(fā),網(wǎng)站定制,建網(wǎng)站,網(wǎng)站搭建,網(wǎng)站設計,響應式網(wǎng)站建設,網(wǎng)頁設計師打造企業(yè)風格網(wǎng)站,提供周到的售前咨詢和貼心的售后服務。歡迎咨詢做網(wǎng)站需要多少錢:13518219792
2.點擊屬性面板的編輯規(guī)則,或者是css樣式窗口的+號就可以打開新建css規(guī)則對話框。
3.選擇要創(chuàng)建的css樣式的內容。比如要為段落更改樣式。
4.在彈出的定義對話框中,選擇要更改的各種屬性。比如把段落的字體大小改為16px,...
5.點擊確定,發(fā)現(xiàn)段落中的文字就出現(xiàn)了相應的效果。在head中條件了css樣式代碼
在制作一個網(wǎng)頁的時候,Css樣式的添加一共有四種方式,一起來看看這四種方式:
一、使用STYLE屬性: 將STYLE屬性直接加在個別的元件標簽里。
元件(標簽) STYLE="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...}
例如:
TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"標楷體"; line-height:150%
這種用法的優(yōu)點 是可靈巧應用樣式於各標簽中,但是缺點則是沒有整篇文件的『統(tǒng)一性』。
二、使用STYLE標簽: 將樣式規(guī)則寫在STYLE.../STYLE標簽之中。
通常是將整個的 STYLE.../STYLE結構寫在網(wǎng)頁的HEAD /HEAD部份之中。這種用法的優(yōu)點就是在於整篇文件的統(tǒng)一性,只要是有聲明的的元件即會套用該樣式規(guī)則。缺點就是在個別元件的靈活度不足。
三、使用 LINK標簽: 將樣式規(guī)則寫在.css的樣式檔案中,再以LINK標簽引入。
假設我們把樣式規(guī)則存成一個example.css的檔案,我們只要在網(wǎng)頁中加入
LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"
即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標簽寫在網(wǎng)頁的head/head部份之中。這種用法的優(yōu)點就是在於可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個樣式檔案即可。缺點也是在個別文件或元件的靈活度不足。
四、使用@import引入: 跟LINK用法很像,但必 放在STYLE.../STYLE 中。
要注意的是,行末的分號是絕對不可少的!這種方式也可以把
有外部式,內嵌式,行內樣式。
1、外部式:
(1)用法:當要在站點上所有或部分網(wǎng)頁上一致地應用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,并將它們鏈接到所有網(wǎng)頁,便能確保所有網(wǎng)頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表中修改一次,而該更改會反映到所有與該樣式表相鏈接的網(wǎng)頁上。
(2)舉例:通常外部樣式表以 .css 做為文件擴展名,例如 Mystyles.css。然后在需要此樣式的頁面中將其鏈接進來。
2、內嵌式:
(1)用法:當人們只是要定義當前網(wǎng)頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯(lián)樣式表,“嵌”在網(wǎng)頁的 標記符內。嵌入的樣式表中的樣式只能在同一網(wǎng)頁上使用。
(2)舉例:在 MicrosoftFrontPage2000中,某些格式設置特性會作為內嵌樣式自動應用。例如∶如果使用 “邊框與陰影” 命令(在 “格式” 菜單上)在普通段落周圍應用框,F(xiàn)rontPage 會寫下格式設置信息,作為段落標記符的內嵌樣式屬性。
3、行內樣式:
行內樣式就是直接把CSS代碼添加到HTML的標記中,即作為HTML標記的屬性標記存在。通過這種方法,可以很簡單地對某個元素單獨定義樣式。
CSS(層疊樣式表)級聯(lián)樣式表是一種用來表現(xiàn)HTML(標準通用標記語言的一個應用)或XML
(標準通用標記語言的一個子集)等文件樣式的計算機語言。
有三種方法可以在站點網(wǎng)頁上使用樣式表:
外聯(lián)式Linking(也叫外部樣式):將網(wǎng)頁鏈接到外部樣式表。
嵌入式Embedding(也叫內頁樣式):在網(wǎng)頁上創(chuàng)建嵌入的樣式表。
內聯(lián)式Inline(也叫行內樣式):應用內嵌樣式到各個網(wǎng)頁元素。
在Dreamweaver 8中,可以在開始彈出框中點擊新建CSS文件。也可以在最上面的菜單欄里占擊
文件,新建。在彈出框中選擇CSS文件就可以了。
準確點說應該有4種類型的CSS樣式表
1.HTML文件行中的樣式表
2.HTML文件頭中的樣式表
3.連接到HTML文件中的樣式表
4.輸入到HTML文件中的樣式表
前兩種是內部樣式表 后兩種是外部樣式表
CSS的作用主要是
1.實現(xiàn)對HTML代碼的補充
2.結構(HTML)與格式(CSS)的分離
內部樣式表只能實現(xiàn)作用1
而外部樣式表能實現(xiàn)作用1,2
具體資料樓主去找找相關資料吧
比如網(wǎng)頁中一個p標簽的樣式是:p style="color:red;"/p
然后現(xiàn)在通過css控制頁面就變成了:
p class="red"/p
然后在head標簽中間寫
style type="text/css"
.red{color:red;}
/style
當然也可以把放在head里的css放到一個css文件中,通過
link href="xx.css" rel="stylesheet" type="text/css" /引用
標題名稱:css網(wǎng)頁制作樣式,html和css制作網(wǎng)頁
網(wǎng)站URL:http://www.rwnh.cn/article30/phpipo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設、網(wǎng)站建設、手機網(wǎng)站建設、網(wǎng)站收錄、小程序開發(fā)、網(wǎng)站營銷
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)