HTML+CSS+JS

9.2）常用的控件 第一类：

Type＝text，password，radio，checkbox，file，submit，button，image，9.1）基本结构

表单控件

reset，hidden

第二类：

...

第三类：

<p>二．CSS </p><p>1．作用：CSS用于修饰网页中的内容 2．CSS和HTML的区别 </p><p>HTML用于结构化网页内容；CSS用于格式化结构化的内容。 也就是CSS是装饰HTML的 </p><p>3．CSS的语法结构： </p><p> </p><p>选择器 { } </p><p>注意：就是通过选择器找到要修饰的内容 属性：值 ; 属性：值 ; </p><p> </p><p>4．CSS使用方式（优先级：就近原则） </p><p>1）内联式 2）嵌套式 3）外部式 4）导入式:@import </p><p></p><div class="page"><ul><li><a href=ythd_64tyk2p5p20fvqu4zj3o_1.html>1</a></li><li><a href=ythd_64tyk2p5p20fvqu4zj3o_2.html class="hover" >2</a></li><li><a href=ythd_64tyk2p5p20fvqu4zj3o_3.html>3</a></li></ul></div> <div class="s-more">搜索更多关于： <a class="title2" title="HTML+CSS+JS" href="ys_02002c02502401701v02b02b01702202b_1.html">HTML+CSS+JS</a> 的文档</div> </div> <div class="view-bar fixed" style="width:900px;"> <ul class="bar-info"> <li> <span class="btn-doc-fav"><i class="fa fa-heart-o">收藏</i></span> </li> <li><span class="btn-doc-share"><i class="fa fa-share-alt">分享</i></span></li> <li><span class="btn-doc-report"><i class="fa fa-info-circle">违规举报</i></span></li> <li><span class="btn-copy-claim">版权认领</span></li> </ul> <div class="bar-down"> <span class="view-down-btn">下载文档<i>10.00 元</i></span> <span class="view-join-btn"><a href="/user/index.php" target="_blank">加入VIP免费下载</a></span> </div> </div> <div class="view_foot"> <span>推荐下载</span> <ul> <li><a title="专八真题讲评" href=ythd_2yq413n4e29s4tk8l1ci_4.html>专八真题讲评</a></li><li><a title="大学生恋爱心理问题上升" href=ythd_64rug8mvc26o2vt5kyah_2.html>大学生恋爱心理问题上升</a></li><li><a title="答谢中书书中考试题集锦（含答案）" href=ythd_5y2bd7z4do0mq5f7e8fr_1.html>答谢中书书中考试题集锦（含答案）</a></li><li><a title="音乐舞会策划书（详细操作流程及附表）" href=ythd_64rps6jjox4zk8m0i2ft_1.html>音乐舞会策划书（详细操作流程及附表）</a></li><li><a title="HTML+CSS+JS" href=ythd_64tyk2p5p20fvqu4zj3o_2.html>HTML+CSS+JS</a></li><li><a title="单一来源采购文件" href=ythd_1ris71c3dq7px008twlp8xswm2yhl0015o6_3.html>单一来源采购文件</a></li><li><a title="经典语录100句" href=ythd_64c191r28o5v45r563ku_1.html>经典语录100句</a></li><li><a title="2019-2025骞翠腑鍥芥櫠鍦嗗競鍦轰緵闇�鏍煎眬鍙婃湭鏉ュ彂灞曡秼鍔挎姤鍛?" href=ythd_1rzo156rnu3y3j84vsq02xzhu2kzfw009qt_1.html>2019-2025骞翠腑鍥芥櫠鍦嗗競鍦轰緵闇�鏍煎眬鍙婃湭鏉ュ彂灞曡秼鍔挎姤鍛?</a></li><li><a title="部编五年级语文下册第三单元测试卷(精品)" href=ythd_25kmk83bxl3x5if1klmb9gaib47veh009ie_1.html>部编五年级语文下册第三单元测试卷(精品)</a></li><li><a title="女人啊何苦为难自己" href=ythd_64kxk0r4ma6o2vs5ky9u_2.html>女人啊何苦为难自己</a></li><li><a title="转变问题学生-8大劣根" href=ythd_2opog1g8dc8njyy27jiv_1.html>转变问题学生-8大劣根</a></li><li><a title="根雕制作" href=ythd_96ft244wf06cyp27mp6y_1.html>根雕制作</a></li><li><a title="《软件架构设计文档》模板" href=ythd_4ndrh4xmd16ehs64cpdi_1.html>《软件架构设计文档》模板</a></li><li><a title="(完整word版)外研社一起小学英语二年级下语法总结及练习题" href=ythd_64hh35zjsu5nrap1rg1l036aw5tvxo00xre_1.html>(完整word版)外研社一起小学英语二年级下语法总结及练习题</a></li><li><a title="酸碱平衡和酸碱滴定法习题" href=ythd_64my3955p40ne2d1faxn_3.html>酸碱平衡和酸碱滴定法习题</a></li><li><a title="连云港市情与连云港发展答案（继续教育）" href=ythd_2oi3h8b8r66bod14q6yu_11.html>连云港市情与连云港发展答案（继续教育）</a></li><li><a title="精品课程网站" href=ythd_64fxb39o7u35m4z30ute_1.html>精品课程网站</a></li><li><a title="(完整word)初二英语阅读理解(含答案),推荐文档" href=ythd_64dqj0u8852xn8u9whcj4n25q6nxtf004ji_3.html>(完整word)初二英语阅读理解(含答案),推荐文档</a></li><li><a title="(优辅资源)版高一数学上学期第一次月考试题及答案(人教A版 第270套)" href=ythd_5y9fn7qbph1qw0b8cvba7dd7d92whi01at1_2.html>(优辅资源)版高一数学上学期第一次月考试题及答案(人教A版 第270套)</a></li><li><a title="会计从业资格考试会计基础模拟题一" href=ythd_9f9o97cjyq38ccg96mxg8n6j4879as00bv9_3.html>会计从业资格考试会计基础模拟题一</a></li><li><a title="（高三理科数学试卷合集）青岛市2018年高三上学期期末理科数学10套试卷合集可编" href=ythd_64rlt1behq3xy6q955p40ne2d1fovz0149n_1.html>（高三理科数学试卷合集）青岛市2018年高三上学期期末理科数学10套试卷合集可编</a></li><li><a title="人教版四年级数学上册第一单元练习题精选(41)" href=ythd_64c3h8bnko0ne2d1fovz9epjx24qp9012rn_1.html>人教版四年级数学上册第一单元练习题精选(41)</a></li><li><a title="高中作文-高中成功源于坚持议论文三篇 精品" href=ythd_2nwbn7um3s4x67j2pwjr92i2p9mey901dqg_1.html>高中作文-高中成功源于坚持议论文三篇 精品</a></li><li><a title="“2020人教版高中物理选修33第八章习题课理想气体状态方程的综合应用学案练习" href=ythd_2pebi2o0zy4vbt01gdv99bpag891bi0043u_1.html>“2020人教版高中物理选修33第八章习题课理想气体状态方程的综合应用学案练习</a></li><li><a title="人教版七年级下册地理复习笔记（超全）" href=ythd_2n2qb86myv0c4dk2wbmd_1.html>人教版七年级下册地理复习笔记（超全）</a></li><li><a title="2019-2025年中国互联网+保健品行业分析与发展前景预测报告(定制版)目录" href=ythd_2plod7zynd7e16g2f5026bod04q32p00oy1_6.html>2019-2025年中国互联网+保健品行业分析与发展前景预测报告(定制版)目录</a></li><li><a title="万头微生态发酵床养猪基地建设 - 图文" href=ythd_64cxf9unmk9sc9l3qcye_5.html>万头微生态发酵床养猪基地建设 - 图文</a></li><li><a title="课后练习题参考答案 计算机网络导论" href=ythd_9hgsl35ezn2teb88imz3_2.html>课后练习题参考答案 计算机网络导论</a></li><li><a title="课后练习题参考答案 计算机网络导论" href=ythd_9hgsl35ezn2teb88imz3_1.html>课后练习题参考答案 计算机网络导论</a></li><li><a title="2016尔雅课堂就业指导考试答案" href=ythd_2o42e6t3q96u75f0arcn_5.html>2016尔雅课堂就业指导考试答案</a></li><li><a title="人教版英语八年级上册unit3单元检测试题" href=ythd_62fih095ya7wp9920czo7b3ef97wu60104b_1.html>人教版英语八年级上册unit3单元检测试题</a></li><li><a title="农村中小金融机构借名、假冒名贷款整治方案" href=ythd_6039y7rleq3h0qq03obj_1.html>农村中小金融机构借名、假冒名贷款整治方案</a></li><li><a title="ICH三方协调指导原则" href=ythd_2pfso14hx79vfqx3d4pq7px008twst015bd_1.html>ICH三方协调指导原则</a></li><li><a title="0321中国文化概论 简答题" href=ythd_301ek1ak791qw0b8dn8l_3.html>0321中国文化概论 简答题</a></li><li><a title="骨科健康教育" href=ythd_64v901o15d1is530735r_1.html>骨科健康教育</a></li><li><a title="2009年报检员资格考试试题及答案" href=ythd_0kv9c9yubv9nplw1m1vq_1.html>2009年报检员资格考试试题及答案</a></li><li><a title="监控系统验收规范方案" href=ythd_641rq5rpmo8az813jgo32teb88j4b1005w9_3.html>监控系统验收规范方案</a></li><li><a title="中级口译口试资料：上海经典介绍篇" href=ythd_64sjz6ybbo6x2101f4zm_1.html>中级口译口试资料：上海经典介绍篇</a></li><li><a title="完整word版,人教版三年级数学上册同步练习一课一练" href=ythd_9b6ak9vb4x8mqar1rud16ehs64cxfu01225_8.html>完整word版,人教版三年级数学上册同步练习一课一练</a></li><li><a title="关于新建住宅供电工程建设收费标准的通知" href=ythd_64s7o1edkm6d7jn4l21d_1.html>关于新建住宅供电工程建设收费标准的通知</a></li> </ul> </div> </div> <div class="view_right"> <div class="view_user"> <div class="user-tip-p"> <img src="https://www.yuntihai.com/user/images/avatar_0.jpg" id="uface" />本文作者：<i class="v"></i><span id="uname">...</span></div> <p>共分享<span>92</span>篇相关文档</p> </div> <div class="view_short"> <span>文档简介：</span> <h2> Width、Height：宽度和高度 Align、Valign：水平对齐和垂直对齐 Colspan：合并单元格时，一个单元格跨越的表格列数 Rowspan：合并单元格时，一个单元格跨越的表格行数 7）框架 7.1）所谓框架就是把页面分成不同区域，且每个区域都可以独立显示一个网页。即一个浏览器窗口显示多个页面。 7.2）在框架网页中，将frameset标记写在head标记后面，以取代body标记，使用frame标记划分不同的区域。还可以使用noframes标记给出框架不能被显示时的替换内容。 7.3）基本结构 标题</</h2> </div> <div class="link_docs"> <h3>相关文档</h3> <ul> <li><a title="浙委办〔2009〕138号浙江省事业单位岗位设置管理实施办法（试行）" href=ythd_64vbe9psbl6vudb8cesc_2.html>浙委办〔2009〕138号浙江省事业单位岗位设置管理实施办法（试行）</a></li><li><a title="2019年青海省西宁市中考化学试题(解析版)" href=ythd_805is8bch477t6k14pg60zn011oo6h01ak5_6.html>2019年青海省西宁市中考化学试题(解析版)</a></li><li><a title="精品课程网站" href=ythd_64fxb39o7u35m4z30ute_1.html>精品课程网站</a></li><li><a title="水文水井钻探技术个人工作总结" href=ythd_5qys98vs764g4gh0kzl91od1e2lms500xx4_5.html>水文水井钻探技术个人工作总结</a></li><li><a title="《专业型文档》英语四六级作文超级模板 doc" href=ythd_646wv60t2347hq70zb090vngk58yua010j2_2.html>《专业型文档》英语四六级作文超级模板 doc</a></li><li><a title="万头微生态发酵床养猪基地建设 - 图文" href=ythd_64cxf9unmk9sc9l3qcye_5.html>万头微生态发酵床养猪基地建设 - 图文</a></li><li><a title="08系列阅读" href=ythd_64ew79in0m9d31q9oeet_11.html>08系列阅读</a></li><li><a title="长春工业大学物理答案光光学16-20" href=ythd_8ks8s2a11q072if1yc6q_1.html>长春工业大学物理答案光光学16-20</a></li><li><a title="2019年高中化学第二章化学物质及其变化第二节离子反应第二课时离子反应及其发生的" href=ythd_2nbpy7x00s2b61z97l7x8uhsm07tmu016xu_2.html>2019年高中化学第二章化学物质及其变化第二节离子反应第二课时离子反应及其发生的</a></li><li><a title="0321中国文化概论 简答题" href=ythd_301ek1ak791qw0b8dn8l_3.html>0321中国文化概论 简答题</a></li> </ul> </div> <div class="view_keys"> <h3>相关推荐</h3> <ul> <li><a href="/tiku/264764.html">知识聚宝盆．(1)小明要去汽车站.向 方</a></li> <li><a href="/tiku/363020.html">拔河比赛.(1)17个同学.1人当裁判.剩下</a></li> <li><a href="/tiku/327049.html">如果x×=y×5.那么x:y= : ．</a></li> <li><a href="/tiku/392632.html">口算. 12×40= 240÷30= 540÷6= 800÷</a></li> <li><a href="/tiku/235885.html">计算下面各题.能简算的必须简算．÷9+</a></li> <li><a href="/tiku/302628.html">用直线上的点表示下面各数．</a></li> <li><a href="/tiku/69632.html">325这个数的千分位上的数字是2． ．</a></li> <li><a href="/tiku/484696.html">快车和慢车同时从相距600千米的两城相</a></li> <li><a href="/tiku/224501.html">一个长方形的长和宽的和是80厘米.它的</a></li> <li><a href="/tiku/408467.html">在0.285中.有( )个十分之一.( )个百分</a></li> <li><a href="/tiku/265664.html">把三个饼平均分成5份.每份是个．</a></li> <li><a href="/tiku/262865.html">一个三角形底是18厘米.高是9厘米.它的</a></li> <li><a href="/tiku/135043.html">老师布置会场.按红.黄.蓝.绿的顺序挂了</a></li> <li><a href="/tiku/263530.html">一种商品现在售价80元.比原价提高了16</a></li> <li><a href="/tiku/500647.html">某种皮衣价格为1650元.打8折出售仍可盈</a></li> </ul> </div> </div> </div> </div> <div class="theme-popover"> <div class="theme-poptit"> <a href="javascript:;" title="关闭" class="close">×</a> <b>游客快捷下载通道</b>（下载后可以自由复制和排版） </div> <div class="theme-popbod dform"> <div class="pay-inf"> <div class="guest"> <div class="pay-tit">单篇付费下载</div> <div class="pay-price">限时特价：<b>10 元/份</b> <em>原价:20元</em></div> <div class="pay-select"><span class="pay1"><img src="/style/images/wxpay.jpg" class="over"></span></div> <div class="guest-pay"> <div class="wxpay"><a href="javascript:;">微信支付并下载</a></div> </div> <div class="vip-pay"> <div class="wxpay"><a href="javascript:;">微信支付并下载</a></div> </div> </div> <div class="vip"> <div class="pay-tit">VIP包月下载</div> <div class="pay-price">特价：<b>29 元/月</b> <em>原价:99元</em></div> <div class="pay-viptip">低至<b> 0.3 元/份</b> 每月下载<b>150</b>份 <br>全站内容免费自由复制</div> <div class="pay-vipto"><a href="/user/index.php">马上升级VIP</a></div> </div> <div class="vip-up"> <div class="pay-tit">VIP包月下载</div> <div class="pay-price">特价：<b>29 元/月</b> <em>原价:99元</em></div> <div class="pay-viptip">低至<b> 0.3 元/份</b> 每月下载<b>150</b>份 <br>全站内容免费自由复制</div> <div class="pay-vipto"><a href="/user/index.php">马上升级VIP</a></div> </div> <div class="pay-tips">注：下载文档有可能“只有目录或者内容不全”等情况，请下载之前注意辨别，如果您已付费且无法下载或内容有问题，请联系我们协助你处理。<br>微信：fanwen365 QQ：370150219</div> </div> </div> </div> <div class="theme-popover-mask"></div> <script type="text/javascript"> $(".pay1 img").click(function () { $(".wxpay").css("display", "block"); $(".alipay").css("display", "none"); $(".pay1 img").addClass("over"); $(".pay2 img").removeClass("over"); }); $(".pay2 img").click(function () { $(".wxpay").css("display", "none"); $(".alipay").css("display", "block"); $(".pay1 img").removeClass("over"); $(".pay2 img").addClass("over"); }); </script> <script type="text/javascript"> $(document).ready(function ($) { $('.view-down-btn').click(function () { $('.theme-popover-mask').fadeIn(100); $('.theme-popover').slideDown(200); $.ajax({ type: "POST", dataType: "json", url: "/user/check_rank.php", data: {'aid': '64tyk2p5p20fvqu4zj3o'}, async: false, success: function (data, textStatus, jqXHR) { if (data.code === "2") { //游客 $(".vip-up").hide(); $(".vip-pay").hide(); var downid = '64tyk2p5p20fvqu4zj3o' $('.wxpay a').click(function(){ var readurl = 'https://www.yuntihai.com/plus/view.php&psrc='; var downurl = 'https://www.yuntihai.com/d.asp?id='; var payurl = readurl; payurl = payurl.replace('view.php', 'pay/pay.asp?id=64tyk2p5p20fvqu4zj3o'); var gotourl = payurl + downurl + downid location.href = gotourl; }); } else if (data.code === "3") { $(".theme-popover .theme-poptit b").text("会员快捷下载通道"); //注册会员 $(".guest-pay").hide(); $(".vip").hide(); $(".vip-pay").show(); $(".vip-up").show(); var downid = '64tyk2p5p20fvqu4zj3o' $('.wxpay a').click(function(){ var readurl = 'https://www.yuntihai.com/plus/view.php&psrc='; var downurl = 'https://www.yuntihai.com/d.asp?id='; var payurl = readurl; payurl = payurl.replace('view.php', 'pay/pay.asp?id=64tyk2p5p20fvqu4zj3o'); var gotourl = payurl + downurl + downid location.href = gotourl; }); } else if (data.code === "5") { layer.alert('今日下载次数已用完！请明日再来！您可以升级会员增加下载次数！', {icon: 2}); } else if (data.code === "6") { layer.alert('VIP会员已到期！请及时续费！', {icon: 2}); } else { location.href = '/d.asp?id=64tyk2p5p20fvqu4zj3o'; } } }); }) $('.theme-poptit .close').click(function () { $('.theme-popover-mask').fadeOut(100); $('.theme-popover').slideUp(200); }) }) </script> <script type="text/javascript"> $(document).ready(function ($) { $.ajax({ type: "POST", dataType: "json", data: {'aid': ''}, url: "/user/check_level.php", async: false, success: function (data, textStatus, jqXHR) { if (data.code === "2" || data.code === "3") { $(document).keydown(function (e) { if (e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) { $('.theme-popover-mask').fadeIn(100); $('.theme-popover').slideDown(200); } }); document.body.oncopy = function () { $('.theme-popover-mask').fadeIn(100); $('.theme-popover').slideDown(200); return false; } } } }) }) </script> <div class="footer"> <div class="iw"> <div class="footer_a"> <img src="img/logo_b.png"> </div> <div class="footer_b"> <ul> <li> <p>关于我们</p> <a href="about/about.html">关于我们</a> <a href="about/protocol.html">网站协议</a> <a href="about/feedback.html">意见反馈</a> </li> <li> <p>版权声明</p> <a href="about/duty.html">免责声明</a> <a href="about/right.html">版权声明</a> <a href="about/report.html">版权申诉</a> </li> <li> <p>商务合作</p> <a href="about/adv.html">广告服务</a> <a href="about/link.html">友情链接</a> <a href="about/biz.html">商业合作</a> </li> <li> <p>使用帮助</p> <a href="about/help.html">使用帮助</a> <a href="about/member.html">会员权益</a> <a href="about/sitemap.html">网站地图</a> </li> </ul> </div> <div class="footer_c"></div> </div> </div> <div class="zub"> <div class="iw"> <span>Copyright © 云题海 All Rights Reserved. <span onclick="window.open('http://beian.miit.gov.cn')">苏ICP备16052595号-3</span> <a href="/sitemap.xml">网站地图</a> 客服QQ：370150219 邮箱：370150219@qq.com</span> </div> </div> <script type="text/javascript"> function c(){if(f1.word.value==''){f1.word.focus();}else{f1.action='search/';f1.submit();}return false;} </script> <script src="js/jquery-1.12.4.min.js"></script> <script src="js/com.js?v2.6"></script> <script> //right_bar $(".right_bar .bar-3").click(function() { $('html,body').animate({ scrollTop: 10 }, 200); return false; }); $(".right_bar .bar-2").mouseenter(function() { $(".right_bar .app_down").show(); }).mouseleave(function() { setTimeout(function() { $(".right_bar .app_down").fadeOut(); }, 300); }); //首页分类 $('.nav_list li').hover(function() { $(".nav_list > li > div ").css('display', 'none'); $(this).children("div").show(); }, function() { $(".nav_list > li > div ").css('display', 'none'); }); //分类下拉 $(function() { $(".nav.down").hover(function() { $(".nav.down > ul").fadeIn("slow"); $(".nav.down > ul").css('display', 'block'); }, function() { $(".nav.down > ul").css('display', 'none'); }); }); $(document).on("keydown", function(e) { if (e.keyCode == 13 && $("#txt_search").is(":focus")) { $("#search_button").click(); } }); </script> <script type="text/javascript"> $(document).on('mouseover', '.me-codesta', function () { $('.finale h1:first').css({ opacity: 0 }); $('.finale h1:last').css({ opacity: 1 }); }); $(document).on('mouseout', '.me-codesta', function () { $('.finale h1:last').css({ opacity: 0 }); $('.finale h1:first').css({ opacity: 1 }); }); $(".view_shang > span").click(function () { if ($(".view_shang > div").css("display") == "none") $(".view_shang > div").css("display", "inline-block"); else $(".view_shang > div").css("display", "none"); }); $('.edui-upload-video').bind('contextmenu', function () { return false; }); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?abc75b75d45ae362923b33935511be02"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script> $(function () { function pageHeight() { return $("#p1").height(); } $(window).scroll(function () { var fix = $(".view_body").offset().top; var scroll = $(this).scrollTop(); var bottom = $(".view_foot").offset().top - 993; if (scroll > fix - 100 && scroll < bottom) { $(".view-bar").addClass("fixed").fadeIn(); } else { $(".view-bar").removeClass("fixed"); } var height = pageHeight(); var top1 = $("#p1").offset(); var top2 = $("#p2").offset(); var top3 = $("#p3").offset(); var top4 = $("#p4").offset(); if (top1 && scroll < top1.top + height / 1.5) pcurrent = 1; else if (top2 && scroll < top2.top + height / 1.5) pcurrent = 2; else if (top3 && scroll < top3.top + height / 1.5) pcurrent = 3 else if (top4 && scroll < top4.top + height / 1.5) pcurrent = 4 else if (top4) pcurrent = parseInt((scroll - top4.top - height / 1.5) / (height + 10)) + 5 if (pcurrent > pshow) pcurrent = pshow; if (pcurrent < 1) { pcurrent = 1; } }) }); </script> </body> </html>