【CSS 第五天】背景，边框

标签：类型   如何   repeat-x   target   内联   ora   targe   clip   背景颜色   

　　　　总结一下今天所学习的内容，如下：

• 背景

  • • • 属性	例子或作用
        background	background: #00FF00 url(bgimage.gif) no-repeat fixed top;
        background-attachment	背景图像是否固定或者随着页面的其余部分滚动。
        background-color	设置元素的背景颜色。
        background-image	把图像设置为背景。url()，渐变 linear-gradient(to bottom, orange, yellow)
        background-position	设置背景图像的起始位置。
        background-repeat	设置背景图像是否及如何重复。值：repeat-x,repeat-y,repeat,no-repeat;
        background-clip	超出边框如何处理。值：border-box|padding-box|content-box

• • border

    • 属性	描述
      border	简写属性，用于把针对四个边的属性设置在一个声明。
      border-style	用于设置元素所有边框的样式.值：solid /dotted/ dashed/ groove/double/none/
      border-width	简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。
      border-color	简写属性，设置元素的所有边框中可见部分的颜色，或为 4 个边分别设置颜色。
      border-bottom	简写属性，用于把下边框的所有属性设置到一个声明中。包括border-left/border-right

  • padding  内边距 值：top right bottom left
  • margin    外边距 值：top right bottom left
  • display   改变生成的框的类型 : block(分块), inline（内联）
• 定位机制
  • position     absolute(绝对定位)，fixed，relative，none
  • float           
    • 设置浮动  
    • 清除浮动    clear:both/left/right

【CSS 第五天】背景，边框

标签：类型   如何   repeat-x   target   内联   ora   targe   clip   背景颜色   

原文地址：https://www.cnblogs.com/yitou13/p/10306777.html