CSS中的常用属性
颜色
字体颜色 color:red; color:#ff0000;
背景颜色 background-color:red; background-color:#ff0000;
边框颜色 border:2px solid实线/dotted虚线 red;
线宽 实虚线 颜色
宽高
宽度 width:xx;
高度 height:xx;
字体
字体 font-family:xx;
字号/大小 font-size:xx;
（html中设置字体、字号和颜色: <font face=”” size=”1-7” color=””></font>）
水平方向对齐 text-align:left/center/right;
（说明1：该属性适用于标记中的文字，但是标记必须是块标记
说明2：行内标记设置水平方向对齐，必须把行内标记放在块标记中）
代码部分：
<html>
<head>
<title>CSS的常用属性</title>
</head>
<body>
<!-- 宽高属性 -->
<div style="width:200px;height;200px;background-color:red">我是一个div标记</div>
<div style="width:200px;height;200px;background-color:red">我是一个div标记</div>
<p style="width:100px;height;100px;background-color:yellow">这是一个p标记</p>
<!-- 字体、字号、颜色属性 -->
<div style="font-family:楷体;font-size:50px;color:green">今天是星期一</div>
<!-- 水平对齐方式属性：适用于标记中的文字，但是该标记只能是块标记 -->
<div style="text-align:center;border:1px solid blue">你好</div>
<span style="text-align:center;border:1px solid red">hello</span>
<h1 style="text-align:center">早上好</h1>
<!-- 行内标记设置水平对齐，要将行内标记放在块标记中才可以 -->
<!-- div和h1因为是块标记，内容居中了；span是行内标记，可以将span放在块标记中 -->
<div style="text-align:center">
<span>hello</span>
</div>
<!-- 水平对齐方式属性的应用案例:设置图片水平对齐
说明：img标记是行内标记，要设置img标记水平对齐，需要将img放在块标记div中
-->
<div style="background-color:yellow;text-align:center">
<img src="玫瑰.jpg" style="width:200px;height:100px"/>
</div>
</body>
</html>
插入的图片：
玫瑰.jpg
效果图：
待续…
