html:
<!DOCTYPE html>
<html>
<head>
<title>My webpage</title>
</head>
<body>
<div>
<h1>My first div</h1>
<p>This div uses inline CSS to style its content.</p>
<style>
h1 {
color: red
}
p {
font-size: 16px
text-align: center
}
</style>
</div>
<div>
<h1>My second div</h1>
<p>This div uses an external CSS file to style its content.</p>
<link rel="stylesheet" type="text/css" href="styles.css">
</div>
<div>
<h1>My third div</h1>
<p>This div uses an embedded style sheet to style its content.</p>
<style>
/* This is an embedded style sheet */
h1 {
color: blue
}
p {
font-size: 14px
text-align: left
}
</style>
</div>
</body>
</html>
style.css:
/* This is an external style sheet */
h1 {
color: green
}
p {
font-size: 18px
text-align: right
}
这段代码中，第一个div使用内联CSS来样式其内容，第二个div使用外部CSS文件来样式其内容，第三个div使用嵌入式样式表来样式其内容。
您现在看到的网页的大部分功能就是用html和CSS编成的。首先应该了解什么是html，html是超文本标记语言，由字母，数字，符号，文字等组成的文本就是普通文本，超文本不但包含普通文本，而且还包含图像，声音，视频等等。
CSS是样式表，用来控制html标签在网页中显示的状态，形状，大小及各种漂亮的效果等等。就比如：搜狗输入法有多种不同的皮肤，CSS就类似于皮肤。这里我们把网页的皮肤称之为样式。比如网易163，新浪等网站的首页，因为使用不同的样式，所以呈现出各种不同的效果。
如果把模板比喻成一幢房子，那么html就是基础的砖块，CSS就是装修材料。房子漂亮不漂亮，完全就看装修材料怎么用。
所以，网页模板就是html模板。所谓的CSS模板，也是html模板，可能只是更华丽的html模板。如上面说的一样，装修材料是不可能造出一幢房子来的。
接下来的问题也不难了，要做网站，首先我们需要学会基础的html语言，然后学习CSS样式表。只要学会了html和CSS代码，那么如网易，新浪等网站也可以仿制出一个来了，但是：假如还要在网站上实现功能，比如登陆，留言，会员注册等功能，那么就要至少再学一门程序语言，如PHP。如果要在网站上实现华丽的特殊效果，那么javascript也是一门必学的语言。
html和CSS代码的效果都是通过浏览器体现出来。
<!DOCTYPE HTML><html>
<meta charset="UTF-8"/>
<head>
<title></title>
</head>
<style type="text/css">
html,body {
border: 1px solid #000000
box-sizing: border-box
width: 100%
height: 360px
margin:0
padding:0
position: relative
}
.demo{
height: 150px
width: 500px
overflow: auto
margin: auto
position: absolute
top: 0 left: 0 bottom: 0 right: 0
background: rgba(255,100,255,0.2)
border: 5px solid #ff88ff
font-size: 40px
font-family: "微软雅黑"
text-align: center
line-height: 150px
word-spacing: 20px
border-radius: 20px
box-shadow: 20px 10px 10px rgba(100,100,100,0.5)
}
</style>
<body>
<div class="demo">
</div>
</body>
</html>
