仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1354|回复: 10

[DIV+CSS] DIV教程之css制造表单效果

[复制链接]
不帅 该用户已被删除
发表于 2015-1-16 00:07:33 | 显示全部楼层 |阅读模式

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

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

x
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>by阿会楠2008-12-4</title><scriptlanguage="javascript"type="text/javascript">//js帮助window.onload=function(){varinitleft=200;//初始化第一个定位varlis=document.getElementById("menu").getElementsByTagName("li");for(vari=0;i<lis.length;i++){lis[i].style.left=initleft+i*100+"px";}}</script><styletype="text/CSS">*{font-size:12px;padding:0;margin:0;}body{text-align:center;}#reg{margin:0auto;width:600px;background:#cccccc;height:500px;}h6{background:black;height:28px;color:white;text-align:left;line-height:28px;padding-left:3px;}#menu{height:30px;text-align:left;padding-top:15px;padding-left:10px;overflow:hidden;}li{list-style-type:none;}#menuli{float:left;color:green;height:30px;padding:05px;line-height:30px;margin-left:20px;position:absolute;}.current{border:1pxsolidblue;border-bottom:0;background:white;}#content{border:1pxsolidblue;height:400px;margin:8px;margin-top:0;background:white;padding:10px;}#contentdl{border-top:1pxsolid#ccc;border-left:1pxsolid#ccc;width:560px;height:116px;}#contentdldd,#contentdldt{border-right:1pxsolid#cccccc;border-bottom:1pxsolid#cccccc;height:28px;}#contentdldt{width:200px;float:left;text-align:right;padding-right:3px;background:#F0F0F0;line-height:28px;}#contentdldd{width:352px;float:left;text-align:left;padding-left:3px;}/*兼容ie6.0*/#contentdldddiv{padding-top:3px;}</style></head><body><divid="reg"><h6>接待您注册玩具购会员!</h6><divid="menubox"><ulid="menu"><listyle="left:200px;">确认服务条目</li><liclass="current"style="left:300px;">选择用户名</li><listyle="left:400px;">选择用户范例</li><listyle="left:500px;">填写具体材料</li></ul></div><divid="content"><form><dl><dt>用户名</dt><dd><div><inputtype="text"/></div></dd><dt>暗码</dt><dd><div><inputtype="text"/></div></dd><dt>确认暗码</dt><dd><div><inputtype="text"/></div></dd><dt></dt><dd><inputtype="button"value="注册"/></dd></dl></form></div></div></body></html>


提醒:您能够先修正部分代码再运转,复制代码和保留代码功效在Firefox下有效。
主笔:破洛洛http://www.poluoluo.com




在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。
谁可相欹 该用户已被删除
发表于 2015-1-18 05:15:35 | 显示全部楼层
由CS4版本开始,则转用WebKit排版引擎(亦即GoogleChrome和AppleSafari浏览器所用的排版引擎)作为网页预览。
金色的骷髅 该用户已被删除
发表于 2015-1-18 05:15:35 | 显示全部楼层
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
因胸联盟 该用户已被删除
发表于 2015-1-18 05:15:35 | 显示全部楼层
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
爱飞 该用户已被删除
发表于 2015-1-25 15:02:35 | 显示全部楼层
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
小魔女 该用户已被删除
发表于 2015-2-2 22:38:09 | 显示全部楼层
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
分手快乐 该用户已被删除
发表于 2015-2-8 20:01:15 | 显示全部楼层
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
小女巫 该用户已被删除
发表于 2015-2-26 03:03:40 | 显示全部楼层
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
若天明 该用户已被删除
发表于 2015-3-8 11:53:39 | 显示全部楼层
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
发表于 2015-3-15 23:54:52 | 显示全部楼层
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
admin 该用户已被删除
发表于 2015-3-22 18:19:20 | 显示全部楼层
滚动条)层属性--溢出(visible/hidden/scroll/auto)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-3-28 17:16

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表