在Dreamweaver中,怎樣才能使用樣式表

在Dreamweaver中, 可以使用style標簽為頁面添加樣式表 。 下面小編舉例講解在Dreamweaver中,怎樣才能使用樣式表 。

在Dreamweaver中,怎樣才能使用樣式表



需要這些哦
html+css
代碼編纂器:Dreamweaver CS5
方式/
1新建一個html文件, 定名為test.html, 用于講解在Dreamweaver中,如何才能利用樣式表 。
在Dreamweaver中,怎樣才能使用樣式表



2【在Dreamweaver中,怎樣才能使用樣式表】在test.html文件內, 利用div標簽建立一行文字, 例如“這是測試的內容” 。

在Dreamweaver中,怎樣才能使用樣式表



3在test.html文件內, 為div標簽添加class屬性, 例如, 設置class為mykk 。

在Dreamweaver中,怎樣才能使用樣式表



4在test.html文件內, 編寫<style type="text/css"></style>標簽, 頁面的css樣式將寫在該標簽內 。
在Dreamweaver中,怎樣才能使用樣式表



5在css標簽中, 經由過程id設置div的樣式, 界說其寬度為150px, 行高為40px, 布景顏色為紅色, 文字顏色為白色 。

在Dreamweaver中,怎樣才能使用樣式表



6在瀏覽器打開test.html文件, 查看實現的結果 。
在Dreamweaver中,怎樣才能使用樣式表



總結:11、利用div標簽建立一行文字, 為div標簽添加class屬性 。
2、在test.html文件內, 編寫<style type="text/css"></style>標簽, 經由過程id設置div的樣式 。

注重事項除了經由過程id設置樣式, 還可以利用class或者元素名稱設置樣式 。

以上內容就是在Dreamweaver中,怎樣才能使用樣式表的內容啦, 希望對你有所幫助哦!

    猜你喜歡