仓酷云

标题: DIV教程之css制造表单效果 [打印本页]

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




欢迎光临 仓酷云 (http://www.ckuyun.com/) Powered by Discuz! X3.2