标签：
关于CSS的简介可以自行百度，本篇只考虑内容
<body>
<div style="height:200px; width:200px; background:#000; color:fff;">你好
</div>
</body>
<body>
<p style="background:blue; width:200px; height:50px; text-align:center; line-height:50px; border:10px solid red;">吃了吗？</p>
</body>
由于文字在行内上下自动居中所以可以把行高的值设成等于块高即：height=line-height，这样上下就能居中，左右居中靠text-align：center ；边框分三个部分分别是宽度，样式，颜色，例子的border是四周宽度10px，实线，红色。写的时候靠空格分隔
<body>
<p style="width:200px; height:50px; text-align:center; line-height:50px; border-top:2px solid red;">吃了吗？</p>
<p style="width:200px; height:50px; text-align:center; line-height:50px; border-bottom:2px solid red;">吃了吗？</p>
<p style="width:200px; height:50px; text-align:center; line-height:50px; border:2px dashed red;">吃了吗？</p>
<p style="width:200px; height:50px; text-align:center; line-height:50px; border:2px dotted red;">吃了吗？</p>
</body>
<input type="text" value="你好" style="width:500px; height:20px;" /> <input type="button" value="天气" style="width:100px; height:20px;" />
<a href="https://www.baidu.com/">百度</a>
<a href="#">本页最上</a>
7.title属性
title属性是公有属性标签里都能添加，和style等属性写法一样，当鼠标停留在选定区时，会出现提示文字
8.img图片
<img src=""; title=""; ; height="";/>
src是私有属性，在img标签里生效,是图片的路径;alt是当图片丢失后显示的内容；高度可以调节图片大小，是按照比例调节的，如果宽高不按比例写会以宽高为准
标签：
原文地址：http://www.cnblogs.com/ziyuan-shanliangdehaohaizi/p/5420856.html
