css基础应用理解以及感悟

         通常css要配合html样式颜色字体大小颜色，以及排版，今天就说一下常用的，背景，浮动，字体大小，字体颜色，全局属性，上下左右边距，边框。我也是新手，写的不好大家多批评教育：

        1.首先是背景颜色 background：颜色值，或颜色名；

2.浮动一般都是用左浮动，右浮动用的比较少，但是也是听常用的

<style="float:left">//左浮动
<style="float:right">//右浮动

3.字体大小 font-size:12px;

        4.字体颜色 

<div style="corlor: red;">你好<div>

5.全局属性

<style type="text/css">
a{
text-decoration:none;
color:black;
}
</style>//这样全局所有的<a>标签都去掉了下划线，并且变为黑色的字

6. 边距margin,这个就比较重要了，有好几种写法特别的常用：

<div style="margin: 0 auto;">上下左右边距为0</div>
<div style="margin-top: 1px auto; ">距离上边距1像素，其他边距都是居中</div>
<div style="margin-bottom:1xp ;">距离下1像素不居中，想居中跟上一样后面加auto</div>
<div style="margin-left:1px;">距左</div>
<div style="margin-right:1px;">距右</div>

7.边框

<div style="width:100px;height:100px;border:1px solid #000000">//<span style="font-family: Arial, Helvetica, sans-serif;">宽为100px，高为100px，边框宽度1px，solid为实线，#000000为边框颜色</span><span style="font-family: Arial, Helvetica, sans-serif;"> </div></span>

      8.总结一下比较实用的  如果说一个页面宽度为1200px，整个月面占满是非常难看的，要左右居中。就要用到margin:

<div style="width:1000px;height:300px;margin:0 auto;border:1px solid #000000">//<span style="font-family: Arial, Helvetica, sans-serif;">现在也面就会出现一个宽为1000px高为300px，并且居中的一个边框</span><span style="font-family: Arial, Helvetica, sans-serif;"></div></span>

       前一段时间在研究html5也用了css3 发现css3添加的新属性不实用，圆角阴影，也可能是我入得太浅，推荐给大家一个html5+css3做的网站：http://html5doctor.com/，所有浏览器还没有支持之前，css3大家还是谨慎使用吧。