背景相关属性
相信大家对背景都不陌生吧，那就是background，当然，在css中也是这样使用的，不过你若果想要达到设想的效果，就需要在background后面添加上相关的属性了，格式如下：background-属性名。一下写法为了简写就直接写属性了，望大家见谅，哈哈，小编又偷懒了。
color：背景色。就不赘述了
image：背景图片，需要url，不过若果图片尺寸较小时，；图片的复制选项，一般比较常用的选项有：浏览器会直接默认复制，效果如电脑桌面的平铺。
repeat：图片的复制选项，一般比较常用的选项有：
repeat：在水平和垂直两个方向进行复制。
当然还可以选择不进行复制：no-repeat。若果你想要固定某个方向进行复制的话，那就需要用到repeat-x（水平复制）或者repeat-y（垂直复制）
如果你想使代码比较简洁，你可以按照如下顺序简写：color url repeat postion。
尺寸相关属性
下面给大家简介一下尺寸属性，一般有：
height、weight、max-height、max-weight、min-height、min-weight分别为（高、宽、最高、最宽、最小高度和最小宽度）
显示属性
1.visibility：hidden，仅仅隐藏内容，但是该元素所占位置依然存在。不推荐使用。
2.display：none 不仅隐藏内容，并且不占位置。
当然dislay还可以设置元素的显示模式。如
inline：将块级元素以内联元素形式显示，此时width和height属性就会失效，他的空间就会取决于元素的内容。
既然能将块级元素转化为内联形式，那么，能不能让内联元素转化为块级元素呢？答案无疑是肯定的，即display：block。
inline-block：将块级元素以内联元素形式显示，同时兼具块级元素的某些特征，比如可以使用width和height设置所占位置的大小。
盒子模型
什么是盒子呢？附图一张，见图一。
margin：表示盒子的外边距。
其属性有：top、right、bottom、left
比如：margin：30px，表示上下左右外边距都是30px。
padding：内边距
与margin类似。就不赘述了。
既然是盒子那就必须有边框了。：border
定位
定位在css学习中是最困难的，同时也非常重要，希望各位加油努力吧，下面就给各位介绍一下吧，定位方式有：
static、fixed、relative、absolute。
static:静态定位（默认），他无定位，使元素正常出现流中，不受方位的影响。
fixed定位：fixed定位会将元素从流中单独摘出来进行定位，取决于left、top。其变化可以参考图二到图一的变化过程。
重新定位之后可能会出现层叠，通过z-index可以调整顺序，但x行为无效。
相对定位是从原有位置进行位移，但并不影响后续元素位置。
absolute：绝对定位，参照物是浏览器。绝对定位的元素将从流中被摘取出来，依靠top和left属性进行定位。
与fixed类似，但是参照物不同，fixed参照根元素（html），absolute参照距离位置最近的一个父容器。
简单点就是说：父相（相对定位）子绝（绝对定位）
选择器
元素选择器：用标签名作为选择器，选中所有相应的元素。
id选择器：根据id来选择元素，其样式定义形式为#idName{ ...}
类选择器：根据class属性来选择元素，其样式定义形式为：.className{...},其定义的样式会施加到所有class=".className"的元素上，可重复运用。
属性选择器：根据某个属性的特性（比如有无、值等）来选择
<style type="text/css">
[title]{
background-color: aqua;
width: 100px;
height: 50px;
border: 1px solid;
}
</style>
</head>
<body>
<div title="div1">1</div>
<div title="div2">2</div>
<div>3</div>
<div title="a div">4</div>
<div title="div a">5</div>
根据属性的值来选择：
<style type="text/css">
[title='div2']{
background-color: aqua;
width: 100px;
height: 50px;
border: 1px solid;
}
</style>
</head>
<body>
<div title="div1">1</div>
<div title="div2">2</div>
<div>3</div>
<div title="a div">4</div>
<div title="div a">5</div>
下面介绍一下各个属性：
~=：属性值包含指定完整单词的元素。类似word中的全字符查找。
^='div':选中以div开头的元素
$='div':选中以div结尾的元素
*='div':选中全部包含div的元素。
1515
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
