<!DOCTYPE html>
<html>
<head>
<style>
#header {
background-color:black
color:white
text-align:center
padding:5px
}
#nav {
line-height:30px
background-color:#eeeeee
height:300px
width:100px
float:left
padding:5px
}
#section {
width:350px
float:left
padding:10px
}
#footer {
background-color:black
color:white
clear:both
text-align:center
padding:5px
}
</style>
</head>
<body>
<div id="header">
<h1>第一层</h1>
</div>
<div id="nav">
第二层左侧
</div>
<div id="section">
第二层右侧
</div>
<div id="footer">
第三层
</div>
</body>
</html>
前端的基础无外乎HTML、CSS、js三类，HTML控制内容、CSS控制表现、js控制动效。由于题主的要求中还有`迅速`这个要求，所以基础学习的时间分配可以有侧重：1. HTML、HTML5标签过一遍：大概2天。不要求对每个标签的每个属性都了如指掌，知道什么情况下用什么标签就足矣，死记硬背也没什么意义，后面用的多了自然就熟了。
2. CSS、CSS3：也还是整体先过一遍：大概3天。重点关注选择器语法、选择器优先级计算，要写出高效简洁的CSS，其实也就是看选择器写得好不好而已。
3. 了解常见布局：大概2天。熟悉一下常见的2列3列自适应布局方案，各种居中，各种行列的实现方式有哪些，响应式布局的实现方式等。
4. 模仿几个PC、移动端网页：7天。学编程主要是靠练习，前面学的都是比较零散的细节，这时候可以找一个比较简洁的网站去模仿它的静态页面。这个时候的重点不是某个CSS属性的用法，而是要看一下一个网站的HTML结构是怎样的， CSS样式是怎么组织起来的，HTML与CSS是怎么结合的。
1.header,页面的头部
2.nav ，页面的导航部分
3.section，页面中的一个内容区块，由标题和内容组成
4.aside，页面的侧边栏，非正文的内容，与页面的主要内容是分开的，被删除而不会影响页面的内容
5.article，代表一个独立的，完整的相关内容的区块
6.footer，页面或页面中的一个脚注、底部
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）