Dreamever如何嵌入css样式?html嵌入css方法介绍

  发布时间:2016-08-09 10:58:11   作者:大食代L4   我要评论
在使用Dreamweaver CS6进行网页制作的时候,页面布局样式会很多。可以利用插入css样式将页面样式单独保存,以达到简化代码的目的,那么Dreamever如何嵌入css样式?下面小编就为大家分享html嵌入css方法,一起来看看吧

我们写一个网页,由总框架(HTML)和样式(CSS)组成,在HTML中嵌入样式是最微基本也是最重要的步骤,那么Dreamever如何嵌入css样式?下面小编就为大家介绍html嵌入css方法,一起来看看吧!

步骤

1、我们打开DW后,新建一个站点,路径保存在你新建的文件夹内

Dreamever如何嵌入css样式

2、右键新建两个文件——“index.html”“style.css”

注意:后缀是关键,不能命名错误

Dreamever如何嵌入css样式

3、在HTML里希望好网页总框架

Dreamever如何嵌入css样式

4、再进入css中写样式

Dreamever如何嵌入css样式

5、关键一步了,把写好的样式嵌入到HTML大框架中,代码如图

Dreamever如何嵌入css样式

在浏览器中浏览检查时一定要Google浏览器,用其他浏览器你会看到一些结构无法对其齐显示,就像这样

Dreamever如何嵌入css样式

注意事项

命名后缀不要写错(html,css)

相关阅读:

dreamweaver怎么做一个简单的网页?

DW制作鼠标放在图片上就换另一个图片

DW在html中插入css样式方法

相关文章

最新评论