CSS基础 五

• 结构伪类选择器

1，父元素：first child{}

2，：last child{}

3，：nth-child(n){} n 选第几个

4，：nth-last-child（n）{} 倒数第几个

5，nth-of-type 从type的类型中选

• 伪元素

使用CSS模拟标签

.box：：before 在box的前面模拟你个行内标签

.box：：after 在box后面模拟一个行内标签

content：“ ”； 只有设置content：“ ”； 时伪元素才能显示

只有双标签才能使用伪元素

• 浮动

float left 向左浮动贴在父盒子上

float right 向右浮动贴在父盒子上

子盒子所有元素浮动后 父盒子没有高度的情况下会出现塌陷现象， 上个塌陷里面有解决方式

浮动时，浮动元素具有行内块元素特点，可以设置宽高，不设宽度由内容撑开

浮动不能使用 text align cento
margin 0 auto 水平居中

浮动可以盖住元素，不能压盖文字

• 链接伪类

a:link 访问前

a:vsited    访问后

a:hover 悬停

a:acttive 点击时{激活状态}

• 属性选择器

根据标签的属性选择标签

找页面上有选中属性的所有标签

E[attr]   E{标签名}  选择具有attr{属性名}

• 焦点选择器 

input：focus 

input outlinge