第七天

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选择器优先级。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,868评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,288评论 19 139
  • *CSS的定义 》CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体...
    竹溪穆褕阅读 304评论 0 0
  • Web文件的缓存(Cache) manifest 文件的建议的文件扩展名是:".appcache"。manifes...
    IOLG阅读 971评论 1 1
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,298评论 0 40