Question

一个Dreamweaver的问题，代码错了么

如图所示。我写了这么多东西 没什么按F12预览是一片空白的什么也没有？还有各种颜色都代表什么意思啊

Answer 1

图上问题看出来有几个：

1. css内联样式不标准（这里影响不大）

<style>标签下直接内联要标明清出类型<style  type="text/css">，有时候也会放js代码的。

2.三个盒子都没有设置宽度，看图上情况是在起初的排版，不设宽度，系统默认为auto，即自适应。这种情况下一般会出现两种情况，直接无法在预览中出现，或者直接继承父盒子或者浏览界面100%宽度。所以即使是排版也要先暂设一个宽度。

3.图上最后一个样式书写出错，没有：（冒号）。

4.底下的报错界面也指出来了：类名称需要双引号，你给information类名称的引号采取的是中文输出状态的引号，需要改成英文的。

至于代码的颜色是为了书写的时候方便区分，是可以设置成单色的。这个总结比较繁琐，因为主要区分，它有些区域颜色设定是不固定，例如：border:solid 3px  blue;颜色类是蓝色；border:solid 3px #fff（白）;颜色类就是橘色。

一般就是很简单的，红色的颜色提示出显就是出错或者有风险，灰色是不可更改区域或者注释；其他可以不记。

红色提示大多会出现在两种情况下：

1. 如图中出现的20这个小行标变红，说明这一行有错或者有风险

2. 在一些特殊代码书写的时候会直接出现在红色

3. 

   但也要注意，红标并不是说百分百就是代码不可运转或无效，想很多的js特效代码外联都会出现很多行红标，这只是提醒你这代码有可能存在风险，低版本的浏览器将可能无法兼容。