1.1 设置样式的七个选择器 1、其中选择器介绍 1. 直接在标签里的style标签写样式 2. id选择器（名字以“#”号开头）： 只能被某一个标签使用 3. class选择器（名字以“.”号开头）： 可以被多个标签同时引用 4. 标签选择器：比如你设置一个div标签选择器，那么所有div默认都会 ...
分类：
Web程序 时间：
2020-03-31 12:52:14
阅读次数：
122
[toc] 1.常用CSS选择器介绍 以下是一个包含常用类选择器的案例，在案例后有具体的选择器使用介绍 1.1 标签选择器 根据标签的名字选择。示例代码如下： 1.2 类名选择器 根据类名选择，那么需要在类名前加一个点。示例代码如下： 1.3 id选择器 根据id选择，那么需要在id的前面加一个 号 ...
分类：
编程语言 时间：
2020-03-30 11:24:09
阅读次数：
103
1.id选择器，其中每个标签的id选择器的值是唯一的 <div id="text1"> css中用 #text1{ } 2.类选择器（class），可以有多个 <div class="text1"></div> <div class="text1 text2"></div> css中用 .text{ ...
分类：
Web程序 时间：
2020-03-18 23:38:56
阅读次数：
88
CSS零碎整理 一、CSS引入方式 1. 行间样式 3. 页面级css 3. 外部css文件 二、选择器 1. id选择器 id不能重复（唯一性）一对一 2. class选择器 多对多 3. 标签选择器 4. 通配符选择器（全局） 5. 属性选择器 6. 父子选择器（派生选择器） 一个例子： 结论： ...
分类：
Web程序 时间：
2020-03-16 23:36:18
阅读次数：
80
常用选择器 元素选择器 语法：标签名{} 例子：p{} id选择器 语法： id属性值{} 例子： xxx{} 类选择器 语法：.class属性值{} 例子：.xxx{} 通配选择器 语法： 例子： {} 复合选择器 交集选择器 作用：同时满足多个条件 语法：选择器1选择器2选择器3……选择器n{} ...
分类：
Web程序 时间：
2020-03-10 12:04:48
阅读次数：
70
常用选择器 直接选择标签名： id选择器 为图中“哈哈哈哈”单独改变样式 class属性 为下图中四行“嘻”字设置样式，我们可以为元素设置class属性，class属性和id属性类似，只不过class属性可以重复 拥有相同class属性值的元素我们可以说它们是一组元素 可以同时为一个元素设置多个cl ...
分类：
Web程序 时间：
2020-03-08 17:42:01
阅读次数：
87
<!-- ##简单选择器 1.ID选择器 2.元素选择器 3.类选择器 4.通配符选择器*{} 5.属性选择器 [元素名="#"]{} 6.伪类选择器 :hover 或者a:hover 鼠标悬停时的状态 # active{} a:active{} 鼠标按下的元素有效果（通常用在a元素中）## lin ...
分类：
其他好文 时间：
2020-03-08 13:40:43
阅读次数：
62
一、选择器优先级（权重） 选择器 行内样式（内联样式） id选择器 类选择器/属性选择器/伪类选择器 标签选择器 权重 1000 100 10 1 !importan简介 语法格式：{cssRule !important}，即写在定义的最后面； 声明了!important的样式，具有最高的优先级 b ...
分类：
Web程序 时间：
2020-03-05 20:55:35
阅读次数：
98
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css的选择器学习</title> <!-- css的选择器学习： 标签选择器： 标签名{样式名1：样式值1;……} 作用：会将当前网页内的所有该标签增加相同的样式 id选择器: ...
分类：
Web程序 时间：
2020-03-04 19:24:24
阅读次数：
75
1.首先介绍一下CSS内联 内联css也叫做行级css或行内css，它是直接在标签内使用 1 <body> 2 <span style="color: red;">我是span块</span> 3 </body> 2.各种选择器 标签选择器：点击 这里 了解标签选择器 ID选择器：点击 这里 了解I ...
分类：
Web程序 时间：
2020-03-02 19:02:33
阅读次数：
72
