第1章 网页设计概述 1__eol__1.1 网页的前生与今世 1__eol__1.1.1 互联网和网页的诞生 1__eol__1.1.2 网页的发展 2__eol__1.1.3 网站和网页 3__eol__1.2 网页相关术语 4__eol__1.3 网页设计基础知识 5__eol__1.3.1 网页的尺寸 5__eol__1.3.2 网页的颜色 6__eol__1.3.3 网页的布局 7__eol__1.4 网站设计流程 9__eol__小结 10__eol__习题 10__eol____eol__第2章 HTML5语言 11__eol__2.1 HTML5概述 11__eol__2.1.1 HTML5的发展历程 11__eol__2.1.2 HTML5的新特性 12__eol__2.2 HTML5基础 13__eol__2.2.1 创建第一个HTML5页面 13__eol__2.2.2 HTML5标记及属性 15__eol__2.2.3 HTML5语法 16__eol__2.2.4 HTML5文档结构 17__eol__2.3 HTML5常用标记 22__eol__2.3.1 文本控制标记 22__eol__2.3.2 图像标记 27__eol__2.3.3 超链接标记 30__eol__2.3.4 列表标记 34__eol__2.3.5 结构标记 36__eol__2.3.6 表格标记 39__eol__2.3.7 浮动框架标记 44__eol__2.3.8 多媒体标记 45__eol__2.3.9 分组标记 47__eol__2.3.10 交互标记 48__eol__2.4 全局属性 51__eol__小结 52__eol__习题 52__eol____eol__第3章 HTML5表单 54__eol__3.1 表单设计基础 54__eol__3.2 表单标记 55__eol__3.2.1

标记 55__eol__3.2.2 输入标记 56__eol__3.2.3 下拉列表框标记 63__eol__3.2.4 多行文本输入框标记 64__eol__3.2.5 表单分组标记<fieldset>与分组标题标记<legend> 64__eol__3.2.6 按钮标记<button> 65__eol__3.2.7 绑定标记<label> 65__eol__3.2.8 输出标记<output> 66__eol__3.2.9 生成密钥对标记<keygen> 66__eol__3.3 综合示例 67__eol__小结 68__eol__习题 69__eol____eol__第4章 CSS基础 70__eol__4.1 CSS概述 70__eol__4.1.1 CSS的发展历史 70__eol__4.1.2 CSS3的特点 70__eol__4.2 CSS的基本语法 71__eol__4.2.1 CSS的样式规则 71__eol__4.2.2 CSS的引用方法 71__eol__4.2.3 CSS基本选择器 74__eol__4.2.4 CSS样式书写和命名规范 78__eol__4.3 利用CSS设置文字样式与图像样式 79__eol__4.3.1 设置文字样式 79__eol__4.3.2 设置图像样式 90__eol__4.4 CSS的继承特性 93__eol__4.5 CSS的层叠特性 95__eol__4.6 浏览器的兼容性 97__eol__小结 99__eol__习题 99__eol____eol__第5章 CSS盒子模型 101__eol__5.1 盒子模型的概念 101__eol__5.2 盒子模型的相关属性 101__eol__5.2.1 border属性 102__eol__5.2.2 内容属性 107__eol__5.2.3 padding属性 109__eol__5.2.4 margin属性 110__eol__5.2.5 box-sizing属性 112__eol__5.2.6 box-shadow属性 113__eol__5.2.7 背景属性 113__eol__5.2.8 渐变属性 119__eol__5.2.9 设置颜色的不透明度 122__eol__5.3 盒子模型之间的关系 123__eol__5.3.1 标准文档流 123__eol__5.3.2 div元素和span元素 124__eol__5.3.3 元素类型的转换 127__eol__5.3.4 盒子模型在标准流中的定位 128__eol__5.3.5 盒子模型的浮动与定位 130__eol__5.3.6 z-index空间位置 137__eol__5.4 利用CSS设置列表、表格和表单样式 139__eol__5.4.1 设置列表样式 139__eol__5.4.2 设置表格样式 143__eol__5.4.3 设置表单样式 147__eol__5.4.4 鼠标指针特效 149__eol__小结 149__eol__习题 149__eol____eol__第6章 CSS高级选择器 151__eol__6.1 属性选择器 151__eol__6.2 关系选择器 152__eol__6.2.1 子元素选择器 152__eol__6.2.2 兄弟选择器 153__eol__6.3 伪类与伪元素选择器 154__eol__6.3.1 伪类选择器 154__eol__6.3.2 伪元素选择器 162__eol__小结 166__eol__习题 166__eol__第7章 DIV+CSS布局 168__eol__7.1 常见网页布局 168__eol__7.1.1 宽度固定且居中版式 168__eol__7.1.2 “工”字形版式 172__eol__7.2 响应式布局 176__eol__7.2.1 什么是响应式布局 176__eol__7.2.2 媒体查询 178__eol__7.2.3 视口 179__eol__7.2.4 响应式布局简单案例 180__eol__小结 182__eol__习题 183__eol__第8章 CSS3过渡、转换与动画 184__eol__8.1 CSS3过渡 184__eol__8.1.1 transition属性需包含的内容 184__eol__8.1.2 实现过渡效果需满足的条件 184__eol__8.1.3 transition属性的分解 185__eol__8.1.4 过渡应用案例——商品列表效果 186__eol__8.2 CSS3 2D转换 188__eol__8.2.1 transform属性 188__eol__8.2.2 transform-origin属性 190__eol__8.2.3 2D转换应用案例——任意元素在窗口中居中 191__eol__8.3 CSS3 3D转换 192__eol__8.3.1 CSS3中的3D坐标系 192__eol__8.3.2 透视原理 193__eol__8.3.3 3D转换方法 194__eol__8.3.4 3D转换应用案例——立方体效果 194__eol__8.4 CSS3动画 196__eol__8.4.1 动画序列 196__eol__8.4.2 animation属性 197__eol__8.4.3 animation属性的分解 198__eol__8.4.4 动画应用案例——旋转的立方体 198__eol__小结 200__eol__习题 200__eol____eol__第9章 JavaScript基础 202__eol__9.1 JavaScript概述 202__eol__9.1.1 JavaScript简介 202__eol__9.1.2 JavaScript嵌入网页的方式 203__eol__9.1.3 JavaScript的特点 207__eol__9.1.4 JavaScript代码的编写习惯 207__eol__9.2 JavaScript语法基础 208__eol__9.2.1 数据类型、常量、变量 208__eol__9.2.2 数据类型的转换 212__eol__9.2.3 运算符和表达式 213__eol__9.2.4 JavaScript程序流程控制 218__eol__9.2.5 JavaScript函数 225__eol__小结 234__eol__习题 234__eol____eol__第10章 JavaScript对象 236__eol__10.1 对象的基本概念 236__eol__10.1.1 对象和类 236__eol__10.1.2 使用对象 237__eol__10.1.3 对象废除 238__eol__10.2 内置对象 238__eol__10.2.1 Math对象 238__eol__10.2.2 Number对象 240__eol__10.2.3 Boolean对象 241__eol__10.2.4 String对象 241__eol__10.2.5 Array对象 243__eol__10.2.6 Date对象 248__eol__10.2.7 Object对 </div> <a href="javascript:void(0);" class="tpml-all"></a> </div> </div> <!-- 评价 --> <div class="tab-main" style="display: none;"> <form id="search_form" action="" method="get"> <input type="hidden" value="evaluate" name="cur"> <input type="hidden" name="textbook_id" value="2948150"> <input type="hidden" name="page" id="search_form_page" value="1"> </form> <div class="table-H"> <span>好评度</span> </div> <ul class="pjBox"> <li> <div class="pjStar"> <p>内容评价 <label class="star-box"> <i></i> <i></i> <i></i> <i></i> <i></i> </label> </p> <p>质量评价 <label class="star-box"> <i></i> <i></i> <i></i> <i></i> <i></i> </label> </p> </div> </li> </ul> <div class="table-H"> <span>全部评价</span> </div> <ul class="pjBox"> <div class="no-content">暂无评价信息</div> </ul> <div id="page" class="page_div"></div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(function () { var cur = "default"; if (cur == 'evaluate') { $('#evaluate').addClass('cur').siblings('a').removeClass('cur'); $('.tab-main').hide().eq($('#evaluate').index()).show(); } else if (cur == 'default') { $('#default').addClass('cur').siblings('a').removeClass('cur'); $('.tab-main').hide().eq($('#default').index()).show(); } if ($('.tpml').height() > 250) { $('.tpml-all').html('展开更多') $('.tpml').css('height', '250px') } if ($('.content-caixuan').height() > 85) { $('.content-caixuan-all').html('查看全部') $('.content-caixuan').css('height', '85px') } if ($('.author').height() > 50) { $('.author-all').html('查看全部') $('.author').css('height', '50px') } }); Look = {}; Look.tanBox = function (box_id) { tanBox(box_id); }; $("#page").paging({ pageNo: $("#search_form_page").val(), totalPage: 0, totalSize: 0, callback: function (num) { jumpto(num) } }); $('.author-all').click(function () { if ($(this).html() === '查看全部') { var $con = $(this).html('收起').prev('div'); $con.css('height', '100%'); } else { var $con = $(this).html('查看全部').prev('div'); $con.css('height', '50px'); $con.css('overflow', 'hidden'); } }); $('.content-caixuan-all').click(function () { if ($(this).html() === '查看全部') { var $con = $(this).html('收起').prev('div'); $con.css('height', '100%'); } else { var $con = $(this).html('查看全部').prev('div'); $con.css('height', '85px'); $con.css('overflow', 'hidden'); } }); $('.tpml-all').click(function () { if ($(this).html() === '展开更多') { var $con = $(this).html('收起').prev('div'); $con.css('height', '100%'); } else { var $con = $(this).html('展开更多').prev('div'); $con.css('height', '250px'); $con.css('overflow', 'hidden'); } }); $(".table-tab a").click(function () { $(this).addClass('cur').siblings('a').removeClass('cur'); $('.tab-main').hide().eq($(this).index()).show(); $(".table-radio label:visible").attr("style", "border:0"); if ($(".table-radio label:visible").length == 1) { $(".table-radio").hide(); } }) </script> <div class="fri-link foot-link"> <span class="fri-link-dt">友情链接</span> <a class="fri-link-item fri-link-item1" href="http://cn.cnpubg.com/" target="_blank">中国出版集团公司</a> <a class="fri-link-item" target="_blank" href="http://www.xhsdzd.com/">新华书店总店</a> <a class="fri-link-item" target="_blank" href="http://www.pac.org.cn/">中国出版协会</a> <a class="fri-link-item" target="_blank" href="http://www.crs1992.com/">中国编辑学会</a> <a class="fri-link-item" target="_blank" href="http://www.hep.com.cn/">高等教育出版社</a> <a class="fri-link-item" target="_blank" href="http://www.cmpedu.com/">机械工业出版社</a> <a class="fri-link-item" target="_blank" href="http://www.sciencep.com/">科学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.cip.com.cn/">化学工业出版社</a> <a class="fri-link-item" target="_blank" href="http://www.cepp.sgcc.com.cn/">中国电力出版社</a> <a class="fri-link-item" target="_blank" href="https://www.phei.com.cn/">电子工业出版社</a> <a class="fri-link-item" target="_blank" href="http://www.ccpcl.com.cn/">人民交通出版社</a> <a class="fri-link-item" target="_blank" href="http://www.crup.com.cn/">中国人民大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.pup.cn/">北京大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.tup.tsinghua.edu.cn/index.html">清华大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.ryjiaoyu.com.cn">人民邮电出版社</a> <a class="fri-link-item" target="_blank" href="http://www.ccap.com.cn/">中国农业出版社</a> <a class="fri-link-item" target="_blank" href="http://www.cabp.com.cn/">中国建筑工业出版社</a> <a class="fri-link-item" target="_blank" href="https://www.pmph.com/">人民卫生出版社</a> <a class="fri-link-item" target="_blank" href="http://dutp.dlut.edu.cn">大连理工大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.bitpress.com.cn/">北京理工大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.zzup.cn/">郑州大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.bnump.com/">北京师范大学出版社</a> <a class="fri-link-item" target="_blank" href="https://nkup.nankai.edu.cn/">南开大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.wdp.com.cn/book/bookIndex.action">武汉大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.textbookcenter.cn">北京出版社</a> <a class="fri-link-item" target="_blank" href="http://www.gph.com.cn/">地质出版社</a> <a class="fri-link-item" target="_blank" href="http://www.dufep.cn">东北财经大学出版社有限责任公司</a> <a class="fri-link-item" target="_blank" href="http://www.lawpress.com.cn/">法律出版社有限公司</a> <a class="fri-link-item" target="_blank" href="http://www.castp.cn/">中国农业科学技术出版社</a> <a class="fri-link-item" target="_blank" href="https://press.ustc.edu.cn/">中国科学技术大学出版社</a> <a class="fri-link-item" target="_blank" href="https://www.cqup.com.cn/">重庆大学出版社</a> <a class="fri-link-item" target="_blank" href="http://xdcbs.com/">西南大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.jiaodapress.com.cn/">上海交通大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.waterpub.com.cn/">中国水利水电出版社</a> <a class="fri-link-item" target="_blank" href="http://www.ecnupress.com.cn/">华东师范大学出版社</a> <a class="fri-link-item" target="_blank" href="https://www.fltrp.com/">外语教学与研究出版社</a> <a class="fri-link-item" target="_blank" href="http://www.fudanpress.com/">复旦大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.cptcm.com/">中国中医药出版社</a> </div> <!--页面底部 start--> <div class="footer"> <div class="footerBox"> <div class="footerTop"> © 2018-2025 新华国采教育网络科技有限责任公司 版权所有 </div> <ul> <li style="width:25%;"> <p>客服热线：010-88362023、010-88361712</p> <p><a target="_blank" href="https://beian.miit.gov.cn/" class="icp_num">京ICP备16053406号</a></p> </li> <li style="width:35%;"> <p>出版物经营许可证：新出发京零字第西160035号</p> <p>京公网安备 11010202007778号<img src="/images/ip.jpg"></p> </li> <li style="width: 40%;"> <p>信息系统安全等级保护（三级）备案证明编号：11010243697-20001</p> <p>增值电信业务经营许可证编号：京B2-20170886</p> </li> </ul> </div> </div> <!--页面底部 end--> </body> </html> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?8c456308ba2e540841c85599c32c7d67"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function () { var script = document.createElement("script"); script.src = "https://log.aijiaocai.cn/static/app/dist/api-v1-fetch.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(script, s); if (script.addEventListener) { script.addEventListener('load', function () { browseLog(); }, false); } else if (script.attachEvent) { script.attachEvent('onreadystatechange', function () { var target = window.event.srcElement; if (target.readyState == 'loaded') { browseLog(); } }); } function browseLog() { var options = {sysCode: 'xhgc.aijiaocai.textbooking.web', sysName: '采选系统PC端', autoBrowse: false}; var info = { operateType: 'browse', userCode: '', realName: '', orgCode: '', content: {login_type: ''} }; var logCenterLogger = new logCenter.Logger(options); logCenterLogger.log(info); } })(); </script>