总结一下今天所学习的内容,如下:
- 背景
-
-
-
属性 例子或作用 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(内联)
- border
- 定位机制
- position absolute(绝对定位),fixed,relative,none
- float
- 设置浮动
- 清除浮动 clear:both/left/right