网站大量收购闲置独家精品文档,联系QQ:2885784924

html5+css代码.docx

  1. 1、本文档共22页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
html5css代码课案

1.css引用方式: ①内联式 style div{ color:red; } /style ②行内式 div style=color:green ③外联式 link href=css/css1.css rel=stylesheet ④import方式 style @import url(css/css1.css); /style 2.相对路径:link href=css/css1.css rel=stylesheet ../返回上一级目录 绝对路径:link href=E:/web Test-43/css/css1.css rel=stylesheet 表格:colspan 列合并 rowspan 行合并 cellspacing 单元格间距 table cellspacing=0/table tr td colspan=2a1/td!--行-- /tr tr td rowspan=2b1/td!--列-- /tr ①固定表格布局 table{ table-layout:fixed;} ②如何让表格边框为1px 方法1:用边框的上下左右调整 方法2:border-collapse:collapse 表格边框合并为单一边框 默认:separate style table{ border-collapse:collapse; } /style ③列间隔 行间隔:border-spacing border-spacing:10px 5px; ④文字水平对齐 text-align -- left center right table{ text-align:center; } ⑤空单元格 empty-cells:hide隐藏空单元格 show显示空单元格 table{ empty-cells:hide; } ⑥表格居中 table{ margin: auto; } ⑦垂直对齐 vertical-align -- top middle bottom table tr td{ vertical-align:top; } 4.圆角问题: border-bottom-left-radius: ; border-bottom-right-radius: ; border-top-left-radius: ; border-top-right-radius: ; border-radius: 10px 0px 0px 10px; 伪类:hover--鼠标悬停 table tr:hover{ background-color: blue; } --行悬停 table tr td:hover{ background-color: blue; } --每个表格悬停 table tr th:hover{ background-color:red; } --表头悬停 6.表头!--th-- tr tht1/th tht2/th tht3/th /tr 表格当中添加表格 table class=t1 trtd table class=t2 tr td/td /tr /table /td/tr /table 透明度: .uname:hover{ background-color: red; opacity: 0.2; } 9.焦点: .pwd:focus{ background-color: green; width: 300px; } 10.表单及表单控件: action:提交地址 action=提交当前页 method:提交方式 get-默认 post-更加安全 form action= method=post/form (1)!--文本输入控件-- input type=text name=uname value=uname (2)!--密码输入控件-- input type=password name=pwd value=pwd (3)!--按钮控件-- 1)button登录/button 2)input type=button value=登录按钮 name=but01 (4)!--提交

文档评论(0)

jiayou10 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

版权声明书
用户编号:8133070117000003

1亿VIP精品文档

相关文档