如何快速用css加div做一个简单网页

html-css06

如何快速用css加div做一个简单网页,第1张

CSS和DIV分开,也可以放在同一个文件中,下面就是一个简单的CSS+DIV网页

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312" />

<title>一个简单的CSS网页</title>

<style type="text/css">

<!--

.jiandan {

    font-size: 16px

    font-weight: bold

    color:#f00

}

.aa{width:500pxheight:200px border:1px solid #00f}

-->

</style>

</head>

<body>

<div class="aa"><span class="jiandan">一个简单网页</span></div>

</body>

</html>

<html>

<head>

<title>CSS简单网页</title>

<style>

#box{width:500pxheight:500pxposition:relativelytop:50%left:50%margin-top:-250pxleft:-250pxbackground:#f00color:#fff}

</style>

</head>

<body>

<div id="box">这是一个简单的水平,垂直居中的盒子</div>

</body>

</html>

亲,给你来个最简单的 就两个标签在里面 直观:

<!DOCTYPE>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312" /><!--网页编码--->

<title>无标题文档</title><!---这里是网页的标题--->

<!----以下是简单的CSS代码---->

<style>

p {color:red} 

span { color:green font-size:18px } 

</style>

</head>

 

<body>

<p>红色文字</p><!---普通文字P标签--->

<span>span标签中的文字颜色为绿色,大小为18px</span>

</body>

</html>