CSS基础—定位、选择器

1、定位

定位方式有：static、fixed、relative、absolute

Static 静态定位（默认）

无定位，元素正常出现了流中，不受left、right、top、bottom属性影响

fixed 

fix定位会将元素从流中“摘”出来单独进行定位，其定位取决于left、top

重新定位之后可能会出现重叠，通过z-index可以调整其顺序，但是定位z-index无效

relative（相对定位）

相对定位是从原有位置进行位移，但并不影响后续位置。

absolute（绝对定位）

绝对定位的元素将从流中被“摘”出来，依靠left属性进行定位。

与fixed类似但是参照物不同

2、选择器

选择器，指的是选择施加样式目标的形式。

元素选择器

用标签名作为选择器，选中所有相应的元素

id选择器

根据id来选择元素，其样式定义形式为：

#idname{

.......

类选择器

根据class属性来选择元素，其样式定义形式为：

.className{

........

}

属性选择器

根据某个属性的特性（比如有无、值等）

（1）   根据有无某属性来选择

（2）   根据属性的值来选择

^~=：选中属性值包含指定完整单词的属性

title^{^}=’...’:选中title属性值为...开头的元素。

Title$=’...’：选中title属性...结尾的元素。

title*=...：选中title属性值包含‘...’的元素。