了解元素的大小及元素阴影、css背景-学习笔记

一、 记单词、评讲作业、复习。
二、 了调整元素大小（resize）

1. resize应该配合overflow这个css属性进行使用,
   然后overflow值一般为下者之一即可：
   hidden/auto/scroll
2. resize应该使用到块级元素与行内块元素上。【通过display属性修改的也算】
3. resize主要有三个值
   ①　允许垂直改变大小：vertical
   ②　允许水平改变大小：horizontal
   ③　允许垂直水平同时改变大小：both
   resize属性在大部分ie系列里面的浏览器中都是无效的。
   Resize一般配合overflow使用。只对行内元素和块级元素有效果。
   三、元素的阴影“box-shadow”
   描述
   该属性能够让元素获得一个“阴影”效果，根据颜色的不同，有时候也可以叫做“发光”效果。“box-shadow”属性没有分支属性，它的值是以“组合值”的形式设置的，它最多允许6个值的组合，按值的顺序分别代表：
   基本值
   h-skewing（必要）
   阴影在水平方向的偏移，负数是向左偏移，正数是向右偏移，单位为“px”。
   v-skewing（必要）
   阴影在垂直方向的偏移，负数是向上偏移，正数是向下偏移，单位为“px”。
   blur（可选）
   阴影的“模糊距离”或“模糊程度”，单位为“px”。
   color（可选）
   阴影的颜色，支持Web技术中的常用颜色模式：“颜色英文单词”、“HEX”、“RGBa”、“HSLa”。基本实例

和文本阴影的不同（多了两个值）
inset（可选）
将默认向外的阴影方向改为向内，然后inset一般是放在阴影颜色的后面。
如下:

spread（可选）
阴影的扩展范围,值为数值，其单位可以使用常用单位。rem,em,px.
它应该放在阴影颜色的前面

四、扩展
①　给某个元素设置margin-top时，如果他上方元素含有“margin-bottom”，则这两个值会重叠，并且取较大值作为间距值。
【如果是左右的话，则是正常的相加】

注意
在某些浏览器里面可能
在块级元素的首个子标签元素中设置margin-top时，会作用到这个父元素上。在块级元素的最后一个子标签元素中设置margin-bottom时，会作用到这个父元素上。若父元素已经设置了“padding-bottom”，则与父元素的该值相加取和作为与页面底部的
五、CSS背景
1、background-color：背景颜色
2、background-img：背景图片。
3、background-repeat：背景平铺
4、background-position：背景图定位。
5、background-size：背景图大小（它的值的类型有px rem….特点值有：）
6、background-clip背景颜色裁剪范围
7、background-origin背景图片裁剪范围
8、background-attachment背景图的固定