今天来学习css页面配色
css是CascadingStyleSheets的缩写，不得不承认CSS单独使用会麻烦一点，但其与脚本语言（如我们四阶段所学的Javascript）及XML技术的融合，即可达到绝佳的页面效果。[*]
[*]
<html><head><title>web2.0color</title><styletype="text/css">body{margin:20px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:12px;text-align:center;}.style1{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#96C2F1;background-color:#EFF7FF}.style1h5{margin:1px;background-color:#B2D3F5;height:24px;}.style2{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#9BDF70;background-color:#F0FBEB}.style2h5{margin:1px;background-color:#C2ECA7;height:24px;}.style3{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#BBE1F1;background-color:#EEFAFF}.style4{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#CCEFF5;background-color:#FAFCFD}.style5{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#FFCC00;background-color:#FFFFF7}.style6{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#92B0DD;background-color:#FFFFFf}.style6h5{margin:1px;background-color:#E2EAF8;height:24px;}.style7{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#A9C9E2;background-color:#E8F5FE}.style8{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#E3E197;background-color:#FFFFDD}.style9{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#ADCD3C;background-color:#F2FDDB}.style10{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#F8B3D0;background-color:#FFF5FA}.style11{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#D3D3D3;background-color:#F7F7F7}.style12{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#BFD1EB;background-color:#F3FAFF}.style13{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#FFDD99;background-color:#FFF9ED}.style14{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#CACAFF;background-color:#F7F7FF}.style15{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#A5B6C8;background-color:#EEF3F7}.style16{width:800px;height:100px;margin:0pxauto;margin-bottom:20px;border:1pxsolid#CEE3E9;background-color:#F1F7F9}h5{color:#CCCCCC;margin-left:680px}a{color:#CCCCCC;text-decoration:none}a:hover{color:#666666;text-decoration:underline}</style><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/></head><body><divclass="style1"><h5></h5></div><divclass="style2"><h5></h5></div><divclass="style6"><h5></h5></div><divclass="style3"></div><divclass="style4"></div><divclass="style5"></div><divclass="style7"></div><divclass="style8"></div><divclass="style9"></div><divclass="style10"></div><divclass="style11"></div><divclass="style12"></div><divclass="style13"></div><divclass="style14"></div><divclass="style15"></div><divclass="style16"></div></body></html>
尺度之路www.ckuyun.com提醒：能够先修正部分代码后再运转
我们需要重新进行页面布局，比如对背景图片的定义，只用针对每一个Div元素重新定义其具体位置、样式就行了。 Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 所见则所得网页编辑器的优点就是直观性，使用方便，容易上手. 是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
页:
[1]