第二十六章CSS3基础

本文介绍了CSS3的基础知识,包括CSS3模块化设计、优点、渐进增强与优雅降级的概念,以及浏览器的私有前缀使用。此外,详细讨论了CSS3新增的选择器,如属性选择器和结构性伪类选择器的用法,例如:first-child、:last-child和:nth-child()等,还提到了状态伪类选择器:checked、:enabled和:disabled的应用。
摘要由CSDN通过智能技术生成

1.CSS简介

CSS3是CSS技术的升级版本,是最新的CSS标准。CSS3规范继承了CSS21并进行了很多的增补与修改。

1.CSS3模块

为了提高开发速度,也为了方便各主流浏览器根据需要渐进式支持,CSS3按模块化进行了全新设计,这些模块可以独立发布和实现,也为日后CSS的扩展奠定了基础。

2.CSS3的优点

CSS3的优点:

CSS3将完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。对我们来说,CSS3主要的影响是将可以使用新的可用的选择器和属性,这些会允许实现新的设计效果(譬如动态和渐变),而且可以很简单的设计出现在的设计效果(比如说使用分栏)。

3.渐进增强和优雅降级

渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带。

4.浏览器的私有前缀

某些CS3属性还只是最新版的预览版,并未发布成最终的正式版,而大部分浏览器已经为这些属性提供了支持,但这些属性是小部分浏览器专有的;有些时候,有些浏览器为了扩展某方面的功能,它们会选择新增一些CSS属性,这些自行扩展的CSS属性也是浏览器专属的。为了让这些浏览器识别这些专属属性,

各个主流浏览器的私有前缀:

内核

私有前级

浏览器

Gecko 内核

-moz-

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值