编码时间：约16小时
编码行数：600行
发表博客篇数：1篇
所学知识点：
本周重点学习了一些CSS样式表，来美化自己的网页。
最重要的是通过web课学会了做TAB页，通过JavaScript语言来动态的制作网页
<script type="text/jscript"> //显示tab（tabHeadId：tab头中当前的超链接；tabContentId要显示的层ID） function showTab(tabHeadId, tabContentId) { //tab层 var tabDiv = document.getElementById("tabDiv"); //将tab层中所有的内容层设为不可见 //遍历tab层下的所有子节点 var taContents = tabDiv.childNodes; for (i = 0; i < taContents.length; i++) { //将所有内容层都设为不可见 if (taContents[i].id != null && taContents[i].id != 'tabsHead') { taContents[i].style.display = 'none'; } } //将要显示的层设为可见 document.getElementById(tabContentId).style.display = 'block'; //遍历tab头中所有的超链接 var tabHeads = document.getElementById('tabsHead').getElementsByTagName('a'); for (i = 0; i < tabHeads.length; i++) { //将超链接的样式设为未选的tab头样式 tabHeads[i].className = 'tabs'; } //将当前超链接的样式设为已选tab头样式 document.getElementById(tabHeadId).className = 'curtab'; document.getElementById(tabHeadId).blur(); }</script>
© 文字来源，参考文献的标签
<div style="text-align: center; width: 100%; font-size: 12px; color: #333;">©文字来源:百度百科</div>
一些简单的CSS样式表中的文本属性
font（缩写形式）font-weight（粗细） font-size（大小） font-family（字体） line-height （行高） text-align （对齐） letter-spacing （字符间距）text-decoration （文本修饰 ）white-space （空白处理 ）
超链接样式的四种状态未访问状态（a:link ）已访问状态（a:visited ）鼠标移上状态（a:hover ）激活选定状态（a:active ）
转载于:https://www.cnblogs.com/zjl-0217/p/10752564.html
相关资源：数据结构—成绩单生成器