第4章CSS3选择器 ·属性选择器 •关系选择器 HTML5 •结构化伪类选择器 .CSS层叠性、继承性与优先级 •链接伪类
让IT教学更简单,让IT学习更有效 第4章 CSS3选择器 HTML5 ·关系选择器 ·CSS层叠性、继承性与优先级 ·属性选择器 ·结构化伪类选择器 ·链接伪类 HTML5
学习目标 掌握CSS3中新增加的 理解关系选择器的用 属性选择器,能够运 法,能够准确判断元 用属性选择器为页面 素与元素间的关系。 中的元素添加样式。 掌握 理解 娜 掌握伪元素选择器的使 掌握常用的结构化伪 用,能够在页面中插入 掌握 类选择器,能够为相 所需要的文字或图片内 同名称的元素定义不 容。 同样式。 掌握CSS伪类,会使用 CSS伪类实现超链接特 效
✎ ✎ 学习目标 掌握CSS3中新增加的 属性选择器,能够运 用属性选择器为页面 中的元素添加样式。 1 掌握伪元素选择器的使 用,能够在页面中插入 所需要的文字或图片内 容。 4 2 理解关系选择器的用 法,能够准确判断元 素与元素间的关系。 3 掌握常用的结构化伪 类选择器,能够为相 同名称的元素定义不 同样式。 掌 握 掌握CSS伪类,会使用 CSS伪类实现超链接特 5 效
目录 4.1 属性选择器 一点击查看本小节知识架构 4.2 关系选择器 点击查看本小节知识架构 4.3 结构化伪类选择器 点击查看本小节知识架构 4.4 伪元素选择器 一点击查看本/小节知只构 4.5 链接伪类 40 4.6 阶段案例一制作网页设计软件列表
✎ 目录 属性选择器 ☞点击查看本小节知识架构 关系选择器 ☞点击查看本小节知识架构 结构化伪类选择器 伪元素选择器 链接伪类 阶段案例—制作网页设计软件列表 ☞点击查看本小节知识架构 ☞点击查看本小节知识架构
四知识架构 今返回目录 4.1属性选择器 4.1.1………。E[att=value]属性选择器 4.1.2 E[att$=value]属性选择器 4.1.3 E[att*=value]属性选择器 y
✎ 知识架构 4.1 属性选择器 4.1.1 E[att^=value] 属性选择器 4.1.2 E[att$=value]属性选择器 4.1.3 E[att*=value]属性选择器
四知识架构 奇返回目录 4.2元素的类型与转换 4.2.1………0 子代选择器(>) 4.2.2 兄弟选择器(+、~)
✎ 4.2 元素的类型与转换 4.2.1 4.2.2 子代选择器(>) 兄弟选择器(+、~) 知识架构