图解css3:核心技术与案例实战. 2.9 否定伪类选择器

2.9 否定伪类选择器 否定选择器“:not()”是CSS3的新选择器,类似jQuery中的“:not()”选择器,主要用来定位不匹配该选择器的元素。 2.9.1 否定伪类选择器语法 “:not()”是一个非常有用的选择器,可以起到过滤内容的作用。语法如表2-16所示。 否定选择器作用非常大,例如以...

图解css3:核心技术与案例实战. 2.8 结构伪类选择器

2.8 结构伪类选择器 伪类可以将一段并不存在的HTML当作独立元素来定位,或是找到无法使用其他简单选择器就能定位到的切实存在的元素。因此CSS3给伪类选择器引入一种“结构伪类选择器”。这种选择器可以根据元素在文档树中的某些特性(如相对位置)定位到它们。也就是说,通过文档树结构的相互关系来匹配特定的...

CSS 快速掌握

49 课时 |
19529 人已学 |
免费

零基础学前端HTML+CSS

57 课时 |
8924 人已学 |
免费

前端开发CSS基础

21 课时 |
4255 人已学 |
免费
开发者课程背景图

图解css3:核心技术与案例实战. 2.7 UI元素状态伪类选择器

2.7 UI元素状态伪类选择器 UI元素状态伪类选择器也是CSS3选择器模块组中的一部分,主要用于form表单元素上,以提高网页的人机交互、操作逻辑以及页面的整体美观,使表单页面更具个性与品位,而且使用户操作页面表单更便利和简单。 2.7.1 UI元素状态伪类选择器语法 UI元素的状态一般包括:启用...

图解css3:核心技术与案例实战. 2.6 语言伪类选择器

2.6 语言伪类选择器 使用语言伪类选择器来匹配使用语言的元素是非常有用的,特别是用于多语言版本的网站,其作用更是明显。可以使用他来根据不同语言版本设置页面的字体风格。 2.6.1 语言伪类选择器语法 语言伪类选择器是根据元素的语言编码匹配元素。这种语言信息必须包含在文档中,或者与文档关联,不能从C...

图解css3:核心技术与案例实战. 2.5 目标伪类选择器

2.5 目标伪类选择器 目标伪类选择器“:target”是众多实用的CSS3特性中的一个,用来匹配文档(页面)的URI中某个标志符的目标元素。具体来说,URI中的标志符通常会包含一个井号(#),后面带有一个标志符名称,例如“#contact”“:target”就是用来匹配ID为“contact”的元...

图解css3:核心技术与案例实战. 2.4 动态伪类选择器

2.4 动态伪类选择器 伪类选择器对于大家来说最熟悉的莫过于“:link”、“:visited”、“:hover”、“:active”,因为这些是大家平时常用到的伪类选择器。而CSS3的伪类选择器可以分成六种:动态伪类选择器、目标伪类选择器、语言伪类选择器、UI状态伪类选择器、结构伪类选择器和否定伪...

图解css3:核心技术与案例实战. 2.3 层次选择器

2.3 层次选择器 层次选择器通过HTML的DOM元素间的层次关系获取元素,其主要的层次关系包括后代、父子、相邻兄弟和通用兄弟几种关系,通过其中某类关系可以方便快捷地选定需要的元素。 2.3.1 层次选择器语法 层次选择器是一个非常好的选择器,也是大家常用的选择器,其详细说明如表2-3所示。 表2-...

图解css3:核心技术与案例实战. 1.5 本章小结

1.5 本章小结 本章主要介绍了什么是CSS3、CSS3的发展状况、新特性,以及浏览器对CSS3的支持状况;同时,引进了渐进增强的设计理念。通过本章的学习,可以对CSS3有一个初步的了解。学习CSS3的好处有很多,它能让你始终处于Web设计的前沿,增加你的职业技能和竞争力,还能帮助你缩短与顶级设计师...

图解css3:核心技术与案例实战. 1.4 CSS3的现状及未来

1.4 CSS3的现状及未来 了解到使用CSS3会带来很多好处,哪些网站在使用CSS3?这很容易,打开计算机随处可见。既然这样,就一起来看几个网站吧。 1.4.1 谁在使用CSS3 首先看看新浪微博,其中最明显的是圆角的应用,在发表评论的地方还使用了内阴影属性,如图1-8所示。 Google的UI也...

图解css3:核心技术与案例实战. 1.3 渐进增强

1.3 渐进增强 第一次听到“渐进增强”(Progressive Enhancement)一词是在前端重构交流会上。渐进增强并不是一种技术,而是一种开发的方式,更是一种Web设计理念。首先思考一个问题:“网站是否需要在每个浏览器中看起来都一样?”带着这个问题来看渐进增强。 1.3.1 渐进增强与优雅...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

开发与运维
开发与运维
集结各类场景实战经验,助你开发运维畅行无忧
6419+人已加入
加入
相关电子书
更多
零基础CSS入门教程
立即下载