工业UI开发技术-课件 2-2-2 CSS选择器-2.pptxVIP

CSS选择器深圳市信息职业技术学院

元素选择器01目录类选择器02ID选择器03包含选择器04组合选择器05父子选择器06相邻选择器07属性选择器08

本节目标 本任务通过学习CSS基本概念，CSS语法结构，选择器，属性，学习如何通过CSS设置HTML标签的样式与布局。通过本节学习可以：掌握CSS概念掌握CSS语法掌握CSS选择器与属性掌握CSS盒子模型掌握CSS布局方式

05组合选择器

组合选择器组合选择器也叫选择器组，可以把具有相同属性和值的选择器组合起来书写，用逗号将选择器分开，这样可以减少样式重复定义 例：h1,h2,h3,h4,h5,h6{color:green}

06父子选择器

父子选择器用于选择指定标签下的第一代子元素语法：选择器选择器{css样式代码;}注意事项 前后都要跟选择器

07相邻选择器

相邻选择器相邻兄弟选择器:以+分隔 div+divulli

08属性选择器

属性选择器选择器例子例子描述[attribute][target]选择带有target属性所有元素。[attribute=value][target=_blank]选择target=_blank的所有元素。[attribute~=value][title~=flower]选择title属性包含单词flower的所有元素。[attribute|=value][class|=box]选择class属性值以“box”开头(后面如果有字符，必须为-)的所有元素。

THANKYOU深圳市信息职业技术学院