【css：选择器（标签、类、ID、通配符）】的更多相关文章

前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器

前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器 一丶CSS简介    叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化 ​   特点:       1.丰富的样式定义 ,易于使用和修改,多页面应用,页面压缩,层叠       2.使数据和…

HTML+CSS系列:CSS选择器(标签、ID、类、通配符、后代、子元素、并集、伪类）

一.标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <sty…

html5--6-11 CSS选择器7--伪类选择器

html5--6-11 CSS选择器7--伪类选择器 #E:target 选择当前活动的锚点元素. 学习要点 掌握常用的CSS选择器 了解不太常用的CSS选择器 什么是选择器 当我们定义一条样式时候,这条样式会作用于网页当中的某些元素,所谓选择器就是样式作用的对象. 插入样式的三种方法 内联样式表(行内) 内部样式表(style中) 外部样式表 创建一个外部样式表 在head中使用link元素插入样式表 CSS语法 单一元素的多个属性之间用分号隔开:若只有一个可以省略 多个元素之间用逗号隔开 如…

html5--6-10 CSS选择器7--伪类选择器

html5--6-10 CSS选择器7--伪类选择器 实例 学习要点 掌握常用的CSS选择器 了解不太常用的CSS选择器 什么是选择器 当我们定义一条样式时候,这条样式会作用于网页当中的某些元素,所谓选择器就是样式作用的对象. 插入样式的三种方法 内联样式表(行内) 内部样式表(style中) 外部样式表 创建一个外部样式表 在head中使用link元素插入样式表 CSS语法 单一元素的多个属性之间用分号隔开:若只有一个可以省略 多个元素之间用逗号隔开 如果值为若干单词,则要给值加引号;除了这种…

html5--6-9 CSS选择器6--伪类选择器

html5--6-9 CSS选择器6--伪类选择器 实例 @charset="UTF-8"; /*:root{background: green}*/ /*li:first-child{color: red}*/ /*选择ul的元素里面是第一个子元素的*/ /*ul>li:first-child{color: red}*/ /*li:last-child{color: red}*/ /*li:only-child{color: green}*/ p:only-of-type{co…

HTML5新标签使用及CSS选择器(伪类)

这些标签能够让搜索引擎更直接的解析页面内容. <header></header>语义:文档或者页面的头部 <nav></nav>语义:导航这两者不是组合标签,但经常这样使用<header> <nav> <ul> <li>导航1</li> <li>导航2</li> </ul> </nav></header>注意header并不一定是页面的头部…

css选择器四大类：基本、组合、属性、伪类

什么是选择器?选择器的作用是通过它可以找到元素,把css样式传递给元素!css选择器主要分为:基本选择器.属性选择器.组合选择器与伪类选择器四个大类! css基本选择器 基本选择器又分为:*通配符.标签选择器.class选择器.id选择器,在这里需要注意的编程思想在css层叠样式表中元素有且仅有一个id.注意以下几点1.id唯一性2.元素id不相同,就像每一个人只有一个身份证一样,ID就代表身份证3.class选择器不具有唯一性,它可以重复使用!此外这个*通配符代表的是全局 <!DOCTYPE…

CSS选择器中类和ID选择器的区别

类和ID选择器的区别 学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点: 相同点:可以应用于任何元素不同点: 1.ID选择器只能在文档中使用一次.与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次.而类选择器可以使用多次. 下面代码是正确的: <p>三年级时,我还是一个<span class="stress">胆小如鼠</span>的小女孩,上课从来…

CSS选择器和jQuery选择器的区别与联系之一

到底什么是选择器?我们通过常接触的CSS选择器和jQuery选择器理解一下,我们知道CSS是用于分离网页的结构和表现的,也就是说对于一个网页,HTML定义网页的结构,CSS描述网页的样子,一个很经典的例子是说HTML就像一个人的骨骼.器官,而CSS就是人的皮肤,有了这两样也就构成了一个植物人了,加上javascript这个植物人就可以对外界刺激做出反应,可以思考.运动.可以给自己整容化妆(改变CSS)等等,成为一个活生生的人. 我们知道,jQuery选择器和CSS选择器的写法十分类似,都具有隐式…

CSS汇总之CSS选择器

要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器. 一.通配符选择器 语法:*{ } 说明:通配符选择器可以选择页面上所有的html标签(包括body,html标签) 用途:练习阶段清除页面所有标签的默认样式(使用通配符清除默认样式仅在练习阶段使用) <style> * { margin: ; padding: ; color: red; background: lightblue; } </style> <div>这是一个…