编码时间:约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; 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 )