本文介绍了HTML5项目实战的第一部分——创建PC端固定布局的首页。内容涵盖网页基本模块的划分、ID与class选择器的使用、头部导航、LOGO处理、大纲结构测试工具、CSS布局技巧等知识点，旨在通过实际操作提升HTML和CSS技能。
学习进程：
大概了解了HTML标签、CSS样式的种类，属性和用法后，开始进入进入项目实战阶段。
以后具体复习和练习中会对前面6天的博客进行补充和修改。
练习成果：
下图是今天实战做的一个页面，传统网站的首页，图片标出了页面的大致结构和使用的标签，具体实战中会遇到很多问题，建议先看教学视频，之后再自己实现，遇到错误先用W3C查询每个标签的具体用法，若未解决再核对视频中代码，寻找差错。
资源链接：图片和代码
这是html文档的大致结构
知识点总结：
1、传统网页大概分为四个基本模块：nav 导航、header 头部、section 首页主体、footer 尾部
2、id选择器不能重名且有局限性，主要方便js调用，基本一个模块才一个id。灵活运用class="abc edf"选择器设置相同属性和不同属性。
<
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
