摘要: 前一篇文章中用div布局了豆瓣东西的页面,如果用html代码表示的话大概是这个样子的 把上面那段代码保存为1.html,打开之后发现啥也显示出来。 这是为什么?因为我们指定了div,但却没告诉浏览器这块div大小、颜色等属性,那么怎么实现这些呢?CSS啦。 怎么加入css代码呢?用style元素即可 阅读全文
posted @ 2017-06-12 12:00 eatwhat 阅读(217) 评论(0) 推荐(0) 编辑
摘要: DIV的功能就是把网页划分成逻辑块的。 看下豆瓣东西页面的布局,我们来分析下。 按照先从上到下的原则,把这个页面分成几个块: 首先是最顶端的这个条,这是一个DIV,我们给它起个名字,叫banner 然后是“一起聊聊那些”的那个广告条,这是一个DIV,给它起个名字,叫ad 再然后是中间的各种电商物品分 阅读全文
posted @ 2017-06-12 10:17 eatwhat 阅读(241) 评论(0) 推荐(0) 编辑
摘要: HTML的结构 一个HTML文档可分为几个部分,如下图所示: DOCTYPE部分、head部分和body部分 DOCTYPE部分,这个很重要,可以理解为不同的DOCTYPE意味着不同的html标准,因为语法不一样了,如果你不指定DOCTYPE的类型,那么浏览器就会去猜,如果猜错了最后遭殃的就是我们自 阅读全文
posted @ 2017-06-12 09:20 eatwhat 阅读(161) 评论(0) 推荐(0) 编辑