收藏
PHPz批改状态：合格
老师批语：
1.css部分
*{padding: 0px;margin: 0px;}.contain{width:100%;height: 500px;font-size: 14px;}.contain table{width:520px;margin: 0 auto;border: 1px solid #ccc;border-collapse:collapse;word-wrap: break-word; word-break: break-all;}.contain table tr{width: 100%;}.contain table tr,.contain table tr td{border: 1px solid #ccc;}/* 空行间隔 */.contain table .emptytr{background:#a6c7ee}.contain table .titletr{background:#e7efff}/* 基础资料 */td{width:100px;padding:3px auto!important;}td.personimg{width: 120px;}.manytd{padding: 10px;}.centertr{text-align: center;}
2.html部分
<div class="contain"><table><tr class="emptytr"><td colspan="5"> </td> </tr><tr class="titletr"> <td colspan="5"> ------基本资料------</td></tr><tr class="jichu"><td>姓 名:</td><td>马小姐</td><td>性 别</td><td>女</td><td class="personimg" rowspan="7"></td></tr><tr><td>学 历:</td><td>中专</td><td>身 高</td><td>167cm</td></tr><tr><td>籍 贯:</td><td>广州</td><td>出生年月</td><td>1991-12-11</td></tr><tr><td>毕业院校:</td><td colspan="3">汕头市百信科技学院</td></tr><tr><td>主修专业:</td><td colspan="3">管理学 = > 会计学</td></tr><tr><td>工作经验:</td><td>未知</td><td>目前年薪</td><td>保密/年</td></tr><tr><td>有效证件:</td><td>身份证</td><td>证件号码</td><td>410621******************</td></tr><tr class="emptytr"><td colspan="5"> </td> </tr><tr class="titletr"> <td colspan="5"> ------求职意向------</td></tr><tr class="emptytr"><td>寻求职位:</td><td colspan="4">出纳员,会计文员</td></tr><tr><td>求职地区:</td><td colspan="2">罗湖区 福田区</td><td>工资待遇</td><td>面议</td></tr><tr><td>自我评价</td><td class="manytd" colspan="4">本人对待工作认具负面，谁填.细心，与人相酸拾，任劳任怨，是一个有亲和的人.乐干助人。有良好的团队精神。能吃苦耐劳。积授配合领导的每一项工作，深的领导和同事的欢迎。业余时间欢看些书充下自己.并参加了西女交通大学成人高提升自己的学师。勤干学习能不断提高自身的能力与综合素质，有上谁心。只有较每的适应能力。急悉办公软件，自毕业之后一自在企业担任出纳的工作，有一定的工作经验.期望从事职业：出纳员，会计文员期望月薪：议目前铁况：我目前对干离职伏态。可立即上岗</td></tr><tr class="emptytr"><td colspan="5"> </td> </tr><tr class="titletr"> <td colspan="5"> ------教育培训------</td></tr><tr class="centertr"><td>起止时间:</td><td colspan="2">就读院校名称</td><td>主修专业</td><td>学历</td></tr><tr class="centertr"><td>2009.09/2012.07</td><td colspan="2">汕头前林欣斜技中专</td><td>会计电算化</td><td>中专</td></tr><tr class="emptytr"><td colspan="5"> </td> </tr><tr class="titletr"> <td colspan="5"> ------工作经验------</td></tr><tr class="centertr"><td>就职公司：</td><td colspan="2">深圳市女鹏电器有限公司</td><td>公司行业：</td><td>其它</td></tr><tr class="centertr"><td>就职时间：</td><td colspan="2">2011年12月到知今</td><td>就职部门</td><td>财务</td></tr><tr class="centertr"><td>公司性质</td><td colspan="2">其他</td><td>就职职位</td><td>出纳员</td></tr><tr class="centertr"><td>工作描述</td><td class="manytd" colspan="4">1.负责办理家金收，付款业务2.银行存款，取款，付款工作3.负责目常安用银信.员工倍款给付，你证各项收支手续完整.金额准确4.负面庭存家金的保管及点。天登记现金流木账，微到账款相符5.每月准时交水电费，管理资6.协助会计很权.买发票等7，负责公司银行账号开分，变更，海信工作8.负责公司营业执照，税务登证等证影的年检工作9.负查印意，合同等的保管工作10.完成上级领导的其它安排项</td></tr><tr class="emptytr"><td colspan="5"> </td> </tr><tr class="titletr"> <td colspan="5"> ------联系方式------</td></tr><tr><td>联系电话</td><td colspan="4">188**********</td></tr><tr><td>联系手机</td><td colspan="4"> 134************</td></tr><tr><td>电子邮箱</td><td colspan="4">********@163.com</td></tr></table></div>
3.制作表格心得:
/总结经验:
1.表格属于整体,当定义宽高的时候,容易受一列中最长的单元格影响,导致表格宽度定义失效.
所以需要在table中定义word-wrap: break-word; word-break: break-all; 蕴蓄表格换行.
2.表格宽度定义时,建议给table标签设置好长度,在定义表格的时候,更容易规划布局
/
1.css部分
*{padding: 0px;margin: 0px;}.contain{width:100%;height: 500px;font-size: 14px;}.contain form{width:220px;margin: 0 auto;border: 1px solid #ccc;border-collapse:collapse;word-wrap: break-word; word-break: break-all;}.contain h2{margin-bottom: 20px;}.contain div {margin: 10px 0;}.contain div label{font-weight: bolder;margin-right: 7px;}.contain input[value = ajax]{border-radius: 9px;padding: 3px 7px;}
2.html部分
<div class="contain"><form action="/"><h2>用户注册</h2><div><label for="number">账号:</label><input type="text" id="number" placeholder="不超过8个字符"></div><div><label for="pwd">密码:</label><input type="password" id="pwd" placeholder="6-16个字符" ></div><div><label for="email">邮箱:</label><input type="email" id="email" placeholder="example.@xxx.com"></div><div><label for="number">年龄:</label><input type="number" id="number"></div><div><label for="number">生日:</label><input type="date" id="number" value="不超过8个字符"></div><div><label for="course">课程:</label><select name="" id="course"><option value="Html5" selected>html5</option><option value="Html5">CSS</option><option value="Html5">PHP</option><option value="Html5">JavaScript</option></select><datalist>asdasd</datalist></div><div><label for="hobby">爱好:</label><input type="checkbox" value='打游戏'>打游戏<input type="checkbox" value='打游戏'>看电影<input type="checkbox" value='打游戏'>路代码</div><div><label for="sex">性别:</label><input type="radio" name="sex" value="不超过8个字符"> 男<input type="radio" name="sex" value="不超过8个字符"> 女<input type="radio" name="sex" value="不超过8个字符"> 保密</div><div><label for="intro">简介:</label><textarea name="intro" id="intro" cols="23" rows="10"></textarea></div><div><input type="submit" value="提交"><input type="submit" value="ajax"></div></form></div>
3.心得:表格虽小五脏俱全.select选择框的上下小三角还没搞出来
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
