今日学习内容:
第一天 | 第二天 | 第三天 | 第四天 | 第五天 | |
所花时间(小时) | 4 | 6 | 3 | 6 | 3 |
代码量(行) | 0 | 200 | 100 | 300 | 200 |
博客量(篇) | 1 | 1 | 1 | 1 | 1 |
了解到的知识点 | html元素总结 | html全局属性 | html事件 | html布局表单练习 | html导航界面的编写练习 |
导航界面的编写练习:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css" > * {margin:0;padding:0;border: 0;} body{ background-image:url; background: url(h_bg.jpg); background-repeat: no-repeat; width:980px; height:150px; } div{ width:980px; height:150px; } ul{ margin:0; padding:0; overflow:hidden; } li{ font-weight: bold; width: 84px; float: left; list-style: disc; line-height: 24px; margin-top: 100px; } #jiayong{ background-color: #ffffff; } a{ font-size: 10px; display:block; text-decoration:underline; } a:hover,a:active{ background-color:gray; } </style> </head> <body> <ul> <li style="margin-left: 45px;"><a herf="">首页</a></li> <li><a herf="">家用电器</a></li> <li><a herf="">手机数码</a></li> <li><a herf="">日用百货</a></li> <li><a herf="">书籍</a></li> <li><a herf="">帮助中心</a></li> <li><a herf=""><div id="mianfei">免费开店</a></li> <li><a herf=""><div id="quanqiu">全球咨询</a></li> </ul> </body> </html>