今天是大神养成计划第二天,看了慕课网的div+css页面布局,明白了一个网页都是有一个个的盒模型布局构成。所以我们做一个网页前,必须先对页面进行布局。我们可以把一个网页大致分为头部header,中间部分main,底部footer,然后再一个一个对各个部分进行细分。
<div id="header">
</div>
<div id="main">
</div>
<div id="footer">
</div>
我们引入css的方式有3种,一是直接在html中加style=""
<div id="header" style="width: 100px;">
还有一种是在head里面加style
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style type="text/css">
#main{width: 100px;}
</style>
</head>
还有一种是外部引入,例如建立新文件style.css,然后在head里面加
<link href="style.css" rel="stylesheet">