1 / 16
文档名称:

html5+css 代码.doc

格式:doc   大小:423KB   页数:16页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

html5+css 代码.doc

上传人:beny00001 2020/6/10 文件大小:423 KB

下载得到文件列表

html5+css 代码.doc

相关文档

文档介绍

文档介绍::①联式<style>div{color:red;}</style>②行式<divstyle="color:green">③外联式<linkhref="css/"rel="stylesheet">④import方式<style>importurl("css/");</style>:<linkhref="css/"rel="stylesheet">../返回上一级目录绝对路径:<linkhref="E:/webTest-43/css/"rel="stylesheet">表格:colspan列合并rowspan行合并cellspacing单元格间距<tablecellspacing="0"></table><tr><tdcolspan="2">a1</td><!--行--></tr><tr><tdrowspan="2">b1</td><!--列--></tr>①固定表格布局table{table-layout:fixed;}②如何让表格边框为1px方法1:用边框的上下左右调整方法2:border-collapse:collapse表格边框合并为单一边框默认:separate<style>table{border-collapse:collapse;}</style>③列间隔行间隔:border-spacingborder-spacing:10px5px;④文字水平对齐text-align--leftcenterrighttable{text-align:center;}⑤空单元格empty-cells:hide隐藏空单元格show显示空单元格table{empty-cells:hide;}⑥表格居中table{margin:auto;}⑦垂直对齐vertical-align--topmiddlebottomtabletrtd{vertical-align:top;}:border-bottom-left-radius:;border-bottom-right-radius:;border-top-left-radius:;border-top-right-radius:;border-radius:10px0px0px10px;伪类:hover--鼠标悬停tabletr:hover{background-color:blue;}--行悬停tabletrtd:hover{background-color:blue;}--每个表格悬停tabletrth:hover{background-color:red;}--<!--th--><tr><th>t1</th><th>t2</th><th>t3</th></tr>表格当中添加表格<tableclass="t1"><tr><td><tableclass="t2"><tr><td></td></tr></table></td></tr></table>透明度:.uname:hover{background-color:red;opacity:;}:.pwd:focus{background-color:green;width:300px;}:action:提交地址action=""提交当前页method:提交方式get-默认post-更加安全<formaction=""method="post"></form>(1)<!--文本输入控件--><inputtype="text"name="uname"value="uname">(2)<!--密码输入控件--><inputtype="password"name="pwd"value="pwd>(3)<!--按钮控件-->1)<button>登录</button>2)<inputtype="button"value="登录按钮"name="but01">(4)<!--提交按钮整体刷新-->--ajax局部刷新<inputtype="submit"value="登录"name="but02">(5)<!--重置按钮--><inputtype="reset"value="重置"name="but03">(6)<!--单选控件默认选中属性:checked-->--value="不同"name="相同"<inputtype="radio"value="nan"name="r1">男<inputtype="radio"value="nv"name="r1">女(7)<!--复选控件默认选中属性:checked-->--value="不同"name="相同"爱好:<inputtype="checkbox