CSS学习（二）

## 超链接伪类

```
a:link 定义a元素位访问的样式            a:visited 定义a元素访问后的样式
a：hover 定义a元素鼠标经过时的样式       a:active 定义鼠标单击激活时的样式
```

## 鼠标样式

```css
cursor 鼠标样式   语法：cursor：取值 可选值：default pointer text wait 
自定义鼠标样式 语法：cursor：url（图片地址），属性值
鼠标图片后缀一般都是“.cur”，属性值一般都是default pointer text
```

## 浮动布局

```css
float 浮动   语法：float：取值   可选值:left 元素向左浮动   right 元素向右浮动
```

## 清除浮动

```css
clear 清除浮动   语法：clear：取值   可选值：left 清除左浮动  right 清除右浮动 both 同时清除左右浮动
```

## 定位布局

```css
position 开启定位 语法：position：取值 
可选值:fixed 固定定位 relative 相对定位 absolute 绝对定位  static 静态定位
4中定位可选值：top：像素值 bottom：像素值 left：像素值 right：像素值
```

## 显示模式元素转换

```css
display：block 转换为块级元素     display：inline 转换为行内元素   display：inline-block 转换为行内块元素
```

## ：focus 伪类选择器

```css
：focus 伪类块级元素 语法：input：focus{background-color：red} 用于选取活动焦点的表单元素，一般都在input类
```

## 元素的显示与隐藏

```css
display：none 隐藏元素  display：block 显示元素  visibility：visible元素可视   visibility：hidden 元素隐藏
display不保留位置，visibility保留位置
```

## 新增的属性选择器

```css
input[value] 必须是input同时具有value这个属性，选择这个属性
input[type=text]选择input里的type的值为text
div[class^=icon]选择首先是div具有class属性而且必须是icon开头的
```

## 伪类选择器

```css
:first-child 选择第一个子元素      :last-child 选择最后一个子元素    :nth-child(n)选择第n个子元素
:first-of-type 指定类型的第一个    :last-of-type 指定类型的最后一个  :nth-of-type(n)指定类型的第n个

:nth-child()可以是数字也可以是公式也可以是关键字
关键字：even 偶数   odd 奇数
公式：2n 偶数  2n+1 奇数 5n:5 10 15...  n+5 从第5个开始包含第5个到最后
区别：
1.nth-child 对父元素里面所有的孩子排序选择(序号固定)先找到第n个孩子，后面再看看是否匹配。
2.nth-of-type 对父元素里面指定的子元素进行排序，先去匹配然后再根据找到第n个孩子。
```

## 伪元素选择器

```css
::before 在元素内部前面插入内容                                           ::after 在元素内部后面插入内容
before和after创建一个元素，单是属于行内元素，在文档树中找不到所以称为伪元素。
语法:element::before{content:""}before和after必须要有content属性    
```