美文网首页
读书总结《图解CSS3》

读书总结《图解CSS3》

作者: 简栋梁 | 来源:发表于2019-08-25 19:50 被阅读0次
1、为了兼容性问题,CSS3要选择性使用。
2、兼容性处理手段

(1)渐进增强
先写低版本浏览器,后写高版本,在核心功能完善情况下,做加法。
(2)优雅降级
先写高版本浏览器,后写低版本,在完美体验方案下,做减法。

渐进增强、优雅降级 只是一种工作方式,思想差不多,关注核心功能。

(3)CSS hack
为不同版本写不同的样式,以上两点是建立在此基础上完成。

CSS hack是因为现有浏览器对标准的解析不同,为了兼容各浏览器,所采用的一种补救方法,以欺骗浏览器的方式达到兼容的目的,是用浏览器的兼容性差异来解决浏览器的兼容性问题。现在很多hacks已经抛弃了最初的原则,而滥用hack会导致浏览器更新之后产生更多的兼容性问题。因此,并不推荐使用CSS hack来解决兼容性问题。

3、通用兄弟选择器(A~B,CSS2的内容)

选择A元素后面的所有B元素,与A+B仅有选择数量上的区别。

4、目标伪类选择器(A:target)

选择所有定义ID后被href引用的A元素,也就是存在URL指向的A元素。

5、UI元素状态伪类选择器

(1)A:checked
匹配被已选择的选择框元素。
(2)A:enabled
匹配已启用的表单元素。
(3)A:disabled
匹配已禁用的表单元素。

6、结构伪类选择器

括号中的数值n可以为算术表达式。

相关文章

  • 读书总结《图解CSS3》

    1、为了兼容性问题,CSS3要选择性使用。 2、兼容性处理手段 (1)渐进增强先写低版本浏览器,后写高版本,在核心...

  • 图解HTTP协议读书笔记一

    图解HTTP协议读书笔记一 个人阅读《图解HTTP》的记录以及总结 HTTP协议的概念 HTTP通常被译为超文本...

  • 《算法图解》note 11 总结

    这是《算法图解》的第十一篇读书笔记,是一篇总结。经过1个月的时间,终于把《算法图解》看完了。个人认为,《算法图解》...

  • 图解HTTP协议读书笔记二

    图解HTTP协议读书笔记二 个人阅读《图解HTTP》的记录以及总结 以下内容会更深入的了解和学习HTTP协议的相关...

  • CSS3 display:flex和display:box有什么

    CSS3 display:flex和display:box有什么区别?display:box布局的详细介绍(图解)...

  • 《图解TCP/IP》读书总结

    TCP/IP 协议在上学的时候学过,由于只是一些概念没有实际的应用印象并不深,最近在做音视频相关的工作,涉及到信令...

  • CSS3 Flexbox 图解

    原文链接 翻译:孙和 Flexbox 布局,官方叫法是:Flexible Box 布局模式,是CSS3的新型布局模...

  • 《图解CSS》CSS3

    简介 继CSS2之后,CSS3增加了很多新的特性,虽然W3C仍在规范中,但是很多新的CSS3属性已经在很多现代浏览...

  • CSS3新特性---图解CSS3读书笔记(1)

    强大的选择器CSS3选择器设计类似jQuery 新视觉效果如 圆角、阴影、半透明、渐变背景、图片边框等 背景的变革...

  • 重温大漠CSS3知识之开篇

    书名:图解CSS3:核心技术与案例实战作者:大漠,(https://www.w3cplus.com/)创始人,目前...

网友评论

      本文标题:读书总结《图解CSS3》

      本文链接:https://www.haomeiwen.com/subject/jzekectx.html