米斯特吴 - 博客园

静态页面制作:8HTML浮动腾挪概念(铺垫二:图文混排)

摘要：现在那我们来说说第二个铺垫。第二个铺垫叫做图文混排。什么是图文混排呢，这个东西我们还需要花些时间来分析一下的。首先看下图：其实上图就是一个例子，然而这个例子其实在我们浏览网页，或者看一些微博、博客等文章时，我们发现这种格式很常见。这种有内容、有图片并且又在一个区域中，这种情况我们就叫做图文混排阅读全文

posted @ 2017-08-14 17:57 米斯特吴阅读(401) 评论(0) 推荐(0) 编辑

静态页面制作:7HTML浮动腾挪概念(铺垫一:行与块)

摘要：上一节我们介绍了方法一，那么这一节我们来看看方法二。我们想要实现的理想效果，其实使用方法一，利用行内元素是最简洁有效的。那为什么我们还要学习使用比较复杂的方法2呢，因为我们后期设计的网页要比我们现在的网页复杂的多，如果你只会用第一种方法，其实是完全不够用。但是我们又不想等到后面，用一个相对复阅读全文

posted @ 2017-08-14 15:06 米斯特吴阅读(186) 评论(0) 推荐(0) 编辑

静态页面制作:6HTML布局(基线的应用)

摘要：我们首先看看目前和目标的一个差距虽然我们现在现实还没有达到理想的效果，但现在至少我们已经明白为什么课后帮和HWHelper为什么不在一行了，为什么呢？那就是因为他们都是块元素。那么有没有什么办法让这两个元素编程行内元素，一旦成为行内元素，他们不就跑到一行去了吗。所以我们来看看方法一。方法阅读全文

posted @ 2017-08-11 21:53 米斯特吴阅读(883) 评论(0) 推荐(0) 编辑

静态页面制作:5HTML布局

摘要：上一个博客中我们大概是得到了下图的一个效果，课后帮和HomeWorkHelper分别获得了带下以及样式。但是他们俩实际上是分在两行的。我们来看一下理想与现实的一个对比。我们看到现实与理想之间还是有一定差距的。我们的理想效果是课后帮与HWHelper是在一行，但现实情况却是在两行。我们期望的效阅读全文

posted @ 2017-08-11 21:20 米斯特吴阅读(366) 评论(0) 推荐(0) 编辑

静态页面制作:4HTML的样式简介

摘要：现在我们来说说样式，在上小节的最后我们看到了element.style这么一个东西。它其实就是设置元素样式的地方。现在呢，我们需要在element.style的花括号中点击一下鼠标左键，你会发现出现一个输入框，可以输入东西了。在这里我需要强调一个细节，那就是我在源代码的区域中是选中了"HomeW 阅读全文

posted @ 2017-08-09 11:41 米斯特吴阅读(355) 评论(0) 推荐(0) 编辑

静态页面制作:3HTML标签和属性

摘要： Don’t be evil 一直是谷歌谷歌广为人知的口号，但是现在这个口号要换了，新的口号是“让世界变得更美好”。我们在学习标签和属性之前，首先要说一下Chrome浏览器，在上一个博客中，我们就已经说过选择谷歌浏览器的原因有两个，第一是因为市场占有率，第二就是因为有强大的开发者工具，那么今天我阅读全文

posted @ 2017-08-08 10:25 米斯特吴阅读(350) 评论(0) 推荐(0) 编辑

静态页面制作:2HTML的标签简介

摘要：在这里我就假定大家已经根据第一天的内容，安装好了Chrome和Sublime3这两个必备的工具。首先我们先打开sublime3并且输入一点内容，这里需要注意的是，暂且不要输入汉语，我们可以先输入自己的英文名字，然后来看一下效果。至于为什么不能输入汉语，如果大家有兴趣可以自己试试（会有意想不到的效阅读全文

posted @ 2017-08-07 22:32 米斯特吴阅读(226) 评论(0) 推荐(0) 编辑

静态页面制作:1HTML的基本认知

摘要：有一句名言，Talk is cheap,show me the code.这句话无论放到那里都非常合适我们也废话少说，首先给大家展示一下我们PC端最终实现的效果。上面的网页很简单，但也很完整。麻雀虽小，但五脏俱全。我们可以通过这个案例，将HTML5+CSS3中主要的功能以及响应式布局全都掌握。阅读全文

posted @ 2017-08-07 10:27 米斯特吴阅读(314) 评论(1) 推荐(1) 编辑

Sublime3工具安装

摘要：工欲善其事，必先利其器第一步: 安装Sublime Text 3 Sublime官网:http://www.sublimetext.com/3 Sublime官网:http://www.sublimetext.com/3 第二步: 安装Package Control Package官网:https 阅读全文

posted @ 2017-08-06 17:36 米斯特吴阅读(233) 评论(0) 推荐(0) 编辑