DW是一款常用的網頁制作軟件,在網頁制作中使用CSS樣式表是必不可少的一部分,下面介紹如何在DW中使用CSS外聯樣式表。
第一步,需要先創建一個CSS樣式文件,可在DW中點擊菜單欄的“文件”-“新建”-“CSS樣式表”,新建一個樣式文件并保存。
/*樣式表示例*/ body { background-color: #f5f5f5; } p { font-size: 16px; color: #333; }
第二步,需要在網頁中引用該樣式文件,可在DW中點擊菜單欄的“插入”-“鏈接”-“CSS樣式表”,在彈出的窗口中選擇剛才創建的樣式文件并確認保存。
/*引用樣式表的HTML代碼*/ <head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
第三步,編寫頁面的HTML代碼并應用CSS樣式,可在DW中使用“標簽”視圖或“代碼”視圖進行編輯。
/*HTML代碼示例*/ <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>這是一段應用了樣式的文字</p> </body> </html>
以上就是在DW中使用CSS外聯樣式表的方法,通過使用樣式表可以為網頁賦予更好的外觀和易讀性。
上一篇dw如何搜css的格式
下一篇css里面換行符