图片缩放及div属性

插入图片时图片内部元素的缩放

当你希望插入一张图片作为背景图、且在插入过程中希望图片缩放（或扩大）至填满整个区域，即图片的每个元素都要在：设置background的属性”background-size:cover”，例子:

background-image:url(/Uploads/head.jpg);
background-size:cover;

CSS中关于div的属性

1、div中对于align属性的定义：align属性是针对div内部元素的样式进行定义的，它的参数分别为：left（靠左）、center（居中）、right（靠右）。

<div align="right"></div>

2、设置div内部字体大小18px，字体颜色为红色的方法：

<div style="color:#F00; font-size:18px"></div>

3、当为某个div设置width=”100%”属性时直接定义width=”100%”是无法达到预期目的的，即图片不会从整个页面最开始的部分显示图片，页面左侧会有大约10px的空白，此时的解决方法是：为此div加上一个属性:class=”row”，可以使图片铺满整个div且不会留下空白区域。

注：row属性为bootstrap框架定义好的一种属性，它可以将页面分成一行，再用class=”col-md-12”属性将页面分成12列，这样的方式可有效地减少元素定位的很多问题。

4、在文本中插入一条横线也可以使用div属性，设置方法如下：

<div style="background-color:#AAAAAA;height:1px;margin:40px 60px 50px 60px">
</div>

其中background-color属性可以设置div的颜色（即直线的颜色），height为此div的高度（即直线的宽度），margin属性设置此div的外边距，即可以间接设置直线的长度。

5、将div设置水平居中的方法：

<style="margin:0 auto;">