常用的CSS属性及用法整理

Javascript在经常用到的一些css属性，这些属性用到过好多次，每一次用到的时候却又不知道怎么写，还要去翻以前的文件，好尴尬。

现在做一下整理，把一些常用的css属性记录下来。

标签上直接使用css属性使用style，如：

自定义内部样式使用标签，如：

引用外部样式，使用标签，如：

CSS 背景属性（Background）

如何在一个声明中设置所有背景属性：

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

CSS 边框属性（Border 和 Outline）

设置 4 个边框的样式：

p
  {
  border:5px solid red;
  }

CSS 尺寸属性（Dimension）

p
  {
  height:100px;
  width:100px;
  }

可伸缩框属性（Flexible Box）

div
{
width:350px;
height:100px;
border:1px solid black;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari、Opera 以及 Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}

CSS 字体属性（Font）

CSS 文本属性（Text）

为不同元素设置文本颜色：

body
  {
  color:red;
  }
h1
  {
  color:#00ff00;
  }
p
  {
  color:rgb(0,0,255);
  }