CSS背景属性（background）

注：

• background：在一个声明中设置所有背景属性，可以设置如下属性：
  
  • background-color
  • background-position
  • background-size
  • background-repeat
  • background-origin
  • background-clip
  • background-attachment
  • background-image
• background-attachment：
  
  • fixed：背景图像相对于窗体固定
  • scroll：背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动
• background-clip：
  
  • border-box：背景绘制到边框
  • padding-box：背景绘制到内边距
  • content-box：背景绘制到内容域
  • 如，css代码：
    
div{
padding: 25px;
border: 10px dotted #000000;
background-color: yellow;
background-clip: border-box;/*border-box|padding-box|content-box*/
}

    border-box显示效果如下：
    
    padding-box显示效果如下：
    
    content-box显示效果如下：
    
• background-origin：
  
  • 与background-clip的三个属性取值类似，如，css代码：
    
div{
padding:25px;
border:10px dotted #000000;
background-image:url('/i/eg_smile.gif');
background-origin:content-box;
background-repeat:no-repeat;
}

    border-box显示效果如下：
    
    padding-box显示效果如下：
    
    content-box显示效果如下：
    
• background-size：
  
  • cover属性：把背景图片扩展足够大，使背景图片完全覆盖背景区域
  • contain属性：把背景图片扩展至最大尺寸，以使其宽度和高度完全适应内容区域

CSS边框属性（border）

注：

• border：在一个声明中设置边框属性，可以按顺序设置如下属性：
  
  • border-width
  • border-style
  • border-color
• border-image：在一个声明中设置边框图像属性，可以按顺序设置如下属性：
• border-image-source：用于设置边框图片的路径，url('1.jpg')
• border-image-slice：设置图片边框向内偏移
• border-image-width：设置图片边框宽度
• border-image-outset：设置图片超出边框的量
• border-image-repeat：设置图片边框是平铺repeated，铺满rounded或拉伸streched
• border-width：
  
  • 四个边框宽度是不同的值：border-width: thin medium thick 10px;即上边框thin，右边框medium，下边框thick，左边框10px
  • 上下边框不同，左右边框相同：border-width: thin medium thick;即上边框thin，右左边框medium，下边看thick
  • 上下边框相同，左右边框相同：border-width: thin medium;即上下边框thin，左右边框medium
  • 上下左右边框相同：border-width: thin;即上下左右边框全为thin
• border-radius：
  
  • 提供了四个参数值，将按上左、上右、下右、下左顺序作用于四个角
  • 提供了一个参数值，将用于四个角
  • 提供了两个参数值，第一个用于上左、下右，第二个用于上右、下左
  • 提供了三个参数值，第一个用于上左，第二个用于上右、下左，第三个用于下右

CSS文本属性

注：

• white-space
  
  • normal：默认处理方式
  • nowrap：合并多余空格，强制不换行，直到碰到<br>
  • pre-line：合并多余空格，碰到边框自动换行
  • pre：不合并多余空格，碰到边界不换行
  • pre-wrap：不合并多余空格，碰到边界换行
• word-wrap
  
  • normal：允许内容顶开或溢出指定容器的边界
  • break-word：内容将在边界内换行，如果需要，单词内部允许断行

CSS字体属性（font）

CSS外边距属性（Margin）

CSS内边距属性（Padding）

CSS尺寸属性（Dimension）

CSS定位属性（Position）

参考链接

CSS参考手册