1. 在“CSS 样式”面板（“窗口”>“CSS 样式”）的“属性”窗格中，选择要禁用的属性。
2.单击“属性”窗格右下角的“禁用/启用 CSS 属性”图标(在cs3里,是“删除...”图标）如果将鼠标悬停在属性自身的左侧，也会显示该图标。
单击“禁用/启用 CSS 属性”图标后，该属性的左侧将显示一个“已禁用”图标。要重新启用该属性，请单击“已禁用”图标，或右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh OS) 该属性，然后选择“启用”。
3.（可选）要在所选的规则中启用或删除所有禁用的属性，请右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh OS) 从中禁用了属性的任何规则或属性，然后选择“启用选定规则中禁用的所有项”或“删除选定规则中禁用的所有项”。
如果你的要求不高，那可以不用，如果你想网页漂亮点，那就很难不用到css。在Dreamweaver里你修改它是自动生成了css，那你就要自己动手改代码了。
不过像你说的字体问题，你可以用<h1>文字</h1>、<h2>文字</h2>、<h3>文字</h3>....这样的标签来写，这样就不用css，这个本身就是有字体大小的。还可以用一些字体的标签来修饰文字，比如加粗、斜体等等
你的最后一个样式写的有问题
.dpdct:hover .dropdown-content {display: block
}
这样写是鼠标悬浮后它的子元素显示
在两个选择器之间放个+是鼠标悬浮后它的下一个兄弟元素显示
.dpdct:hover+.dropdown-content {display: block
}
不过这样改完，鼠标悬停确实能显示下拉选项，但是只要鼠标移开主菜单下拉选项就会消失。建议你改成
.head_section:hover .dropdown-content {display: block
}
这样应该才是你需要的效果
可以参考CSS 选择器参考手册
希望能帮到你
把div的宽度固定死，就可以了，不过一般不会那么做，电脑的分辨率不同，宽度固定死了，浏览效果不好<div align="center" style="width:100%min-width:1300pxheight:800pxbackground:#999padding-top:100px">
<div style="width:1000pxheight:300pxbackground:#fff"></div>
</div>
这里写了个min-width，就不解释原因了
