<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{ margin:0px auto; padding:0px}
#a1{100px; height:30px; text-decoration:none; color:black}
#d1{300px;
height:300px;
background-color:#F60;
color:white;
text-align:center;
vertical-align:middle;
line-height:300px;
}
#anniu{
104px;
height:40px;
background-color:#38f;/*背景色是蓝色*/
color:white;/*文字颜色是白色*/
<title>无标题文档</title>
<style type="text/css">
*{ margin:0px <所有东西都居中auto>; padding:0px}这句话每个界面都要写的,除了自己设计的之外,因为自己设置的优先级是最高的。
#a1{100px; height:30px; text-decoration:none; color:black}
#d1{300px;
height:300px;
background-color:#F60;
color:white;
text-align:center;
vertical-align:middle;
line-height:300px;
}
#anniu{
104px;
height:40px;
background-color:#38f;/*背景色是蓝色*/
color:white;/*文字颜色是白色*/
font-size:16px;
text-align:center;
vertical-align:middle;
/*行高*/line-height:40px;
}
#waiceng{400px;
height:400px;
background-color:#F00;
}
#neiceng{float: left;
300px;
height:300px;
background-color:#30F;
必须会 *【margin:20px上 30px右 20px下 30px;左
padding:40px 0px 0px 10px;】2个样式,内边距和外边距
}
#li{
200px;
height:200px;
background-color:#0F0;
}
</style>
</head>
<body>
控制大小<div style="300px; height:300px;
背景色background-color:#60F;
背景图片 background-image: url(1.jpg);
背景图片的平铺方式background-repeat: 横向平铺repeat-x 纵向平铺repeat-y不让平铺no-repeat;
背景图片的位置 background-position:距离右边多少像素right 20px 距离上边多少像素top20px;
背景图的大小background-size:背景图的宽度300px 背景图的高度300px;">测试文字</div>
<div style="font-family:<!--最常用的字体-->微软雅黑;
字体大小font-size:14px; 加粗font-weight: bold; 倾斜font-style:italic; 颜色color:#F00; text-decoration:没有线none">控制修改字体</div>
<br/>
<a id="a1" href="http://www.baidu.com">超链接</a>
标签可有<center>可换*{margin:0px auto; padding:opx}
<div id="d1">测试</div>
</center>
<br>
<div id="anniu">百度一下</div>
<br/>
<p style="缩进多少像素text-indent:30px; text-height:50px;文本的高度"> kjfdslkfjslkfjslfjdksljsl
dkfgkdlfgerl积分多少分房间都感觉对方攻击
的方式可对方能看上的方式看地方及时反馈大师傅的说法是
对方付大哥大法官的规范地方法规的规定个地方大幅度发
发放给多个地方vbghdsdvghbvtgfbgfht个的非官方的
而温柔大方的的方法广泛覆盖的风格的</p>
<div id="waiceng">
<div id="neiceng">
<div id="li"></div>
</div>
</div>
</body>
</html>
font-size:16px;
text-align:center;
vertical-align:middle;
/*行高*/line-height:40px;
}
#wai{380px;
height:380px;
background-color:#F00;
}
#nei{float: left;
300px;
height:270px;
background-color:#00F;
margin:20px 30px 20px 30px;
padding:40px 0px 0px 10px;
}
#li{
100px;
height:100px;
background-color:#0F0;
margin:20px 0px 0px 20px;
}
</style>
</head>
<body>
<div style="400px; height:300px;
background-color:#60F;
background-image: url(1.jpg);
background-repeat: repeat-x repeat-yno-repeat;
background-position:right 20px top20px;
background-size:400px 300px;">测试文字</div>
<div style="font-family:常用的是微软雅黑;
font-size:14px; 加粗font-weight: bold; 倾斜font-style:italic; 颜色color:#F00; text-decoration:none">控制修改字体</div>
<br/>
<a id="a1" href="http://www.baidu.com">超链接</a>
<div id="d1">测试</div>
</center>
<br>
<div id="anniu">百度一下</div>
<br/>
<p style="text-indent:30px; text-height:50px;"> kjfdslkfjslkfjslfjdksljsl
dkfgkdlfgerl积分多少分房间都感觉对方攻击
的方式可对方能看上的方式看地方及时反馈大师傅的说法是
对方付大哥大法官的规范地方法规的规定个地方大幅度发
发放给多个地方vbghdsdvghbvtgfbgfht个的非官方的
而温柔大方的的方法广泛覆盖的风格的</p>
<div id="wai">
<div id="nei">
<div id="li"></div>
</div>
</div>
</body>
</html>