一、ID选择器

1.id属性是标准属性，任何元素都可以有id属性。
2.使用id选择器时，要在id值前加上"#"
3.id选择器只能选中一个元素，同一个页面要保证id的唯一性(不同元素有相同id，也属于非法)
4.定义id时，必须要以字母开头，可以包含数字、下划线等符号。
5.定义id时，不要与标签名相同

示例：给id为“one”的元素字体变成红色，给id为“two”的元素字体设置为30px

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>ID选择器</title><style type="text/css">#one{color: red;}#two{font-size: 30px;}</style>
</head>
<body><ul><li id="one">ID选择器1</li><li id="two">ID选择器2</li><li>ID选择器3</li><li>ID选择器4</li><li>ID选择器5</li><li>ID选择器6</li></ul>
</body>
</html>

二、类选择器

1.class属性是标准属性，任何元素都可以有class属性。
2.使用class选择器时，要在class值前加上"."
3.class选择器可以被多个元素共同使用，不同元素可以有相同的class值
4.同一个元素可以有多个类名，多个类名时要用空格隔开
5.尽量使用类选择器，而不是id选择器。(id一般是js使用，class是css使用)

示例：给类名为“one”的元素字体颜色变红，字体加粗；给类名为“two”的元素字体字号变为30px

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>类选择器</title><style type="text/css">.one{color: red;font-weight: 600;}.two{font-size:30px;}</style>
</head>
<body><div><div class="one">我要自学网1</div><p class="one two">我要自学网2</p><span class="one">我要自学网3</span></div><strong class="two">Strong元素下我要自学网</strong>
</body>
</html>

学习记录 --【零基础CSS学习】03.ID选择器和类选择器相关推荐

学习记录 --【零基础CSS学习】12.字体属性
目录一.字号设置二.字体设置三.文字颜色设置四.字体粗细设置(1) 五.字体粗细设置(2) 六.字体样式的重置一.字号设置 1.font-size:合法的尺寸单位 2.可以使用所有css尺寸 ...
学习记录 --【零基础CSS学习】16.背景属性
目录一.背景颜色二.背景图片三.背景重复四.背景尺寸五.背景定位六.背景固定(不常用,仅作了解) 七.背景属性的简写一.背景颜色 1. background-color:合法的颜色值: ...
授人予鱼不如授人予渔：零基础java学习路线分享
一切不以求职找工作为目标的学习路线分享都是耍流氓. 博主是19年7月毕业的应届生:985.A+学科硕士.2018年的秋招收获了:百度.腾讯.头条.美团.猿辅导.度小满.猫眼.流利说等offer.off ...
java学习笔记：零基础java学习路线+配套资料+书籍推荐
公众号菜鸟名企梦2018年,精品文章汇总: 01 我的秋招我的秋招offer 我的offer选择秋招全面总结-必读宝典求职必读 02 零基础学习路线零基础-java学习路线(上) 零基础-ja ...
学习Python难度高吗？零基础可以学习吗？
Python学习难度高吗?从哪来学习更合适呢?近期很多人都非常关注的问题.面对行业竞争压力大,转型的人越来越多了,如果自己转行学习Python的话,又生怕自己学不会,让很多人都比较纠结.今天给大家解读 ...
第031讲：永久存储，腌制一缸美味的泡菜 | 学习记录（小甲鱼零基础入门学习Python）
(标答出处: 鱼C论坛) <零基础入门学习Python> 测试题: 0.pickle的实质是什么? pickle的实质是利用一些算法,将你的数据对象腌制成二进制文件,存储在磁盘上,也可以放 ...
第023、024讲：这帮小兔崽子汉诺塔 | 学习记录（小甲鱼零基础入门学习Python）
(标答出处: 鱼C论坛) <零基础入门学习Python> 测试题: 0.使用递归编写一个十进制转换为二进制的函数(要求采用'取2取余'的方式,结果与调用bin()函数一样返回字符串形式) ...
第019讲：我的地盘听我的 | 学习记录（小甲鱼零基础入门学习Python）
(标答出处: 鱼C论坛) <零基础入门学习Python> 测试题: 0.下边程序会输入什么? def next():print('我在next()函数里...')pre()def pre( ...
SQL零基础入门学习（四）
SQL零基础入门学习(三) SQL INSERT INTO 语句 INSERT INTO 语句用于向表中插入新记录. SQL INSERT INTO 语法 INSERT INTO 语句可以有两种编写形 ...

学习记录 --【零基础CSS学习】03.ID选择器和类选择器

一、ID选择器

二、类选择器

学习记录 --【零基础CSS学习】03.ID选择器和类选择器相关推荐

最新文章

热门文章