课时67.标签选择器(掌握)
通过上节课的学习我们明白了如何通过十六进制来表示颜色
例如:红色的几种表示方法
我们发现在学习CSS当中的一些属性的时候,它都有一些套路
只要知道属性的名称,属性有什么作用,它有哪些取值,这个属性有什么注意点
那这个时候,这个属性我们就学完了。
我们在后面学习CSS其它的一些属性时也是这样的,我们只要知道这个属性叫什么,有什么作用,有哪些取值,有什么注意点就可以了。
现在我们把CSS属性知识先放一放,先来学习选择器的知识,因为如果我们要学习CSS属性,需要用到CSS选择器的知识,前面我们说过学习CSS就学习两块知识,一块是CSS属性,一块是CSS选择器,而我们学到现在没有讲过CSS选择器,所以我们先讲七八个CSS选择器,再回过头来讲CSS属性。
1.什么是标签选择器?
作用:根据指定的标签名称,在当前界面中到所有该名称的标签,然后设置属性。
格式:
标签名称{
属性:值;
}
注意点:
1.标签选择器选中的是当前界面中的所有的标签,而不能单独选中某一个标签。
2.标签选择器无论标签隐藏的多深都能选中。
3.只要是HTML中的标签就可以作为标签选择器(h/a/img/ul/ol/dl.....)
本文转载于:猿2048⇛https://www.mk2048.com/blog/blog.php?id=ci0jkaa&title=课时67.标签选择器(掌握)
课时67.标签选择器(掌握)相关推荐
- 课时71.后代选择器(掌握)
1.什么是后代选择器? 作用:找到指定标签的所有后代标签,设置属性. 首先你要明确什么是后代? 你的儿子,孙子,重孙子等,只要有你的血脉的,都是你的后代. 我们先来举个例子 我们想让div中的标签变红 ...
- 课时76.兄弟选择器(掌握)
我们先来明确一点,什么是兄弟? 比如,head和body是兄弟,必须是同级关系,如果是嵌套关系,儿子,孙子则不可以. 1.相邻兄弟选择器 CSS2 作用:给指定选择器后面紧跟的那个选择器选中的标签设置 ...
- 课时77.序选择器(掌握)
CSS3中新增的选择器最具代表性的就是序选择器. 1.同级别的第几个 1. :first-child 选中同级别中的第一个标签 注意点:不区分类型 但是我们这里有一个注意点,如 ...
- css 选择器(标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器)
css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类 标签选择器 类选择器 层级选择器(后代选择器) id选择器 组选择器 伪类选择器 通配符选择器 标 ...
- jquery标签选择器应用示例
1 统一设置div内容 可以用标签选择器来选择所有的 div 元素; <!DOCTYPE html> <html> <head><title></ ...
- iOS个人中心渐变动画、微信对话框、标签选择器、自定义导航栏、短信验证输入框等源码...
iOS精选源码 简单的个人中心页面-自定义导航栏并予以渐变动画 程序员取悦女票的正确姿势---Tip1(iOS美容篇) iOS 前台重启应用和清除角标的问题 微信原生提醒对话框3.0 JHLikeBu ...
- html 选中tag标签,HTML Tag Selector标签选择器PFC020071801
之前写过两篇关于HTML DOM解析的文章(附代码): [PFC020071401](https://www.jianshu.com/p/46c92333e2c8) [PFC0200512](http ...
- id选择器、标签选择器、类选择器、交集选择器、并集选择器
通过id选择器获取元素点击按钮显示效果 <!DOCTYPE html> <html lang="en"> <head><meta char ...
- html:(25):选择器定义和标签选择器
什么是选择器? 每一条css样式声明(定义)由两部分组成,形式如下: 选择器{样式; } 在{}之前的部分就是"选择器","选择器"指明了{}中的"样 ...
最新文章
- 让MySql支持表情符号(MySQL中4字节utf8字符保存方法)
- 创建Cocos2d-x 3.x项目以及项目结构简要说明
- IE 无法点击文本框或输入文字
- i标签content属性输入空白
- python源码分析工具_python 域名分析工具实现代码
- 告毕业生书——七剑送你下天山
- python动态方法_python中的动态方法生成
- 感觉又学到了不少,在这里写下来,但也有一个问题,不知道是为甚吗?
- Bootstrap 模态框插件Modal 的方法
- 程序员的自我修养笔记3 内存管理
- 简易博客编辑器:玩转document.execCommand命令
- 第三代计算机的内存使用是什么,lpddr3内存什么意思
- 第二个冲刺周期第一天
- c#遍历匹配串口(向每个串口发数据,根据返回数据确定是否为所需串口)
- noip2012 pj错题整理
- CRMEB知识付费系统安装搭建【常见问题-19.支付宝支付报错invalid [default store dir]: /tmp/】
- 【数学之美】分形图形动画演示欣赏
- 一夜之间,几十万人失去房票!
- android studio keystore.jks,jks和keystore的区别
- Winform的控件执行顺序 如何设置TabIndex
热门文章
- mybatis嵌套查询和嵌套结果有什么区别_Java面试专题之九:Mybatis面试5个大概率被问到的问题...
- 算法题:输入aaaabbbcccccc输出a4b3c6。
- java collection详解_java 7 collection 详解(一)
- Mac入门--安装PHP扩展redis,swoole
- QBC(Query By Criteria) QBE (Query By Example)
- linux脚本编程(shell)浅介 (转载)
- GCD6: 在GCD上异步执行非UI相关任务
- python学习之文件读写
- 九度OJ 1437 To Fill or Not to Fill -- 贪心算法
- HTML5基础一:常用布局标签