摘要：
后代选择器、 结构： A B{ 属性名:属性值; } 作用:可以选中 A的所有后代 B ⼦代选择器 结构： A>B{ 属性名:属性值; } 作用： 可以选中 A的⼦代 B 伪类选择器 例如： :hover ：选中⿏标悬停在元素上时的状态 :first-child：选中某个⽗元素下的第⼀个⼦元素 :l 阅读全文
posted @ 2026-07-09 22:30
禁止睡觉stooop
阅读(1)
评论(0)
推荐(0)
摘要：
class类名与 id 属性值的区别 （1）class 类名相当于姓名，可以重复，⼀个标签可以同时有多个 class类名 （2）id属性值相当于身份证号码，不可重复，⼀个标签只能有⼀个 id 属性值 类选择器 与 id选择器 的区别 （1）类选择器 以 . 开头 （2）id选择器 以 # 开头 阅读全文
posted @ 2026-07-09 22:14
禁止睡觉stooop
阅读(1)
评论(0)
推荐(0)
摘要：
标签选择器 结构： 标签名 { 属性名:属性值; } 注意点： 标签选择器选择的是⼀类标签，⽽不是单独某⼀个 标签选择器⽆论嵌套关系有多深，都能找到对应的标签 类选择器 结构： .类名 { 属性名:属性值; } 注意点： 类名可以由数字、字⺟、下划线、中划线组成，但不能以数字或者中划线开头 ⼀个标签 阅读全文
posted @ 2026-07-09 22:08
禁止睡觉stooop
阅读(1)
评论(0)
推荐(0)
摘要：
有序列表 代码如下： <ol> <li>第1步<li> <li>第2步<li> <li>第3步<li> </ol> 特点： （1）ol标签中⽤li表示列表项 （2）有数字序号 （3）序号默认从1开始递增 ⽆序列表 代码如下： <ul> <li>菜单1<li> <li>菜单2<li> <li>菜单3< 阅读全文
posted @ 2026-07-09 22:00
禁止睡觉stooop
阅读(2)
评论(0)
推荐(0)
摘要：
可以称为：超链接、锚链接 代码如下： <a href="链接地址">链接的⽂本<a> 特点： （1）双标签，内部可以包裹内容 （2）如果需要a标签点击之后去指定⻚⾯，需要设置a标签的href属性 href属性 属性值： 点击之后跳转去哪⼀个⽹⻚（⽬标⽹⻚的路径） 注意：分为外部链接和内部链接 空链接 阅读全文
posted @ 2026-07-09 21:51
禁止睡觉stooop
阅读(1)
评论(0)
推荐(0)
摘要：
background-image 设置背景图 background-image: url('图片路径'); background-repeat 控制背景图片是否重复以及如何重复。 常见值： repeat （默认值）：背景图片在水平和垂直方向上重复。 no-repeat ：背景图片不重复。 repea 阅读全文
posted @ 2026-07-09 21:41
禁止睡觉stooop
阅读(1)
评论(0)
推荐(0)
摘要：
⼦元素会⾃动应⽤⽗元素的CSS样式 <div style="color: red; font-size: 20px;"> ⽗元素 <p>⼦元素（我没有写 color！）</p> </div> 输出： ⾥的⽂字 也是红⾊、20px！ 会继承的属性 color ⽂字颜⾊ font-family 字体 f 阅读全文
posted @ 2026-07-09 21:38
禁止睡觉stooop
阅读(0)
评论(0)
推荐(0)
浙公网安备 33010602011771号