提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
html+CSS 笔记
提示：以下是本篇文章正文内容，下面案例可供参考
一、模仿网站所用到的工具
HBuilder，Photoshop，谷歌浏览器
HBuilder:用于编写前端代码
Photoshop：用于查看模仿网站的颜色，比例等
谷歌浏览器：编写代码完成后，用于查看代码的运行效果
二、模仿网站的方式
1.分析页面的结构
页面大致可以分为头部(header)，主体(main)，底部(footer)
body 区域的内容可以是
<body>
<div class="header"></div>
<div class="main"></div>
<div class="footer"></div>
</body>
2.笔记
1.当设置header部分的logo时，最好使用的代码如下(h1标签用来设置背景logo，a标签中用于写入网页关键字，方便搜索时网络爬虫能够根据a标签中的关键字检索出此页面
2.绝对定位的使用positon:absolute 默认参照物是窗口的左上角，如果想改变参照物，一般是给当前标签的父级元素加上相对定位position:relative,此时的参照物是父级。可以根据父级进行left top的调试
1.
<div class="header">
...
<h1><a>网页关键字</a></h1>
...
</div>
扫一扫
394
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
