第七天

1、css伪类

:link所有未被访问的超级链接。IE6不兼容,解决此问题,直接使用a标签。

:hover伪类将应用于鼠标悬停于其上的元素是,在IE6只能应用于a连接,IE7+所有的元素都兼容。

:active鼠标点击但不离开所呈现的效果。应用于被激活的元素。

:visited应用于已经被访问的链接。

:focus应用于拥有键盘输入焦点的元素。获得焦点则会出现什么情况。

2、伪元素

只想一些标签的元素。

:first-line应用到第一行元素

:first-letter应用于第一个字符

:first-child选择属于第一个子元素的元素

:before    :after

3、css层叠性和继承性

层叠性:样式的叠加的处理方案。一开始设置内容会被后面的样式覆盖。

继承性:子标记会继承父标记的样式。所有字相关的都可以继承。但并不是所有css属性都能继承,如盒子相关的属性都不能继承。

4、css的优先级大小

行内样式ID选择器  类选择器  标签选择器

层叠性是在优先级相同时才生效。

结论1:继承的样式优先级大于默认的样式

结论2:通配符选择器的样式优先级高于继承样式的优先级。

结论3:标签选择器的优先级高于通配符选择器的优先级。

结论4:类选择器的样式优先级高于标签选择器优先级。

结论5:ID选择器优先级高于类选择器。

结论6:行内样式优先级高于ID选择器优先级。

你可能感兴趣的:(第七天)