今天来学习css页面配色

只看该作者 · 发表于 2015-1-16 10:37:29

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

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元素重新定义其具体位置、样式就行了。

只看该作者 · 发表于 2015-1-18 07:29:35

Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

只看该作者 · 发表于 2015-1-22 07:14:45

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

只看该作者 · 发表于 2015-1-30 23:43:54

直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

只看该作者 · 发表于 2015-2-6 17:15:22

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

只看该作者 · 发表于 2015-2-17 17:37:33

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

只看该作者 · 发表于 2015-3-5 21:53:19

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

只看该作者 · 发表于 2015-3-12 15:55:10

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

只看该作者 · 发表于 2015-3-19 23:43:50

Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 今天来学习css页面配色

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子