在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中,怎样才能使用样式表的内容啦, 希望对你有所帮助哦!

    猜你喜欢