南无月 发表于 2024-3-13 18:09
看了这个回复，原来视频也有层级之分。。
只是一个视频要跟鼠标移动，另一个背景视频不动。。
代码也能 ...
不是视频有层级之分，是所有元素有层级之分。所要要求规范写代码，一眼能瞧出不同代码行是哪个层级的：
<div>
<div>Hi</div>
<div>
<p>Hello</p>
</div>
</div>
上面代码，红色是第一层，红紫色是第二层，蓝色是第三层。不标颜色的话，通过缩进可以识别层级，假如没有缩进：
<div>
<div>Hi</div>
<div>
<p>Hello</p>
</div>
</div>
人眼是很难区分出层级的。
当然，缩进、着色不是必须的，浏览器它都懂。
马黑黑 发表于 2024-3-13 18:41
不是视频有层级之分，是所有元素有层级之分。所要要求规范写代码，一眼能瞧出不同代码行是哪个层级的：
...
这个之前老师有讲过，今天再看更加清晰。。
规范写代码可以更好理解代码。。
所以老师每贴代码都赏心悦目{:4_191:}
马黑黑 发表于 2024-3-13 18:31
可能是刚刚运气好
运气当然是有，更重要的是老师对色彩运用功底深厚{:4_173:}
南无月 发表于 2024-3-13 20:13
运气当然是有，更重要的是老师对色彩运用功底深厚
没有，我色盲
南无月 发表于 2024-3-13 20:12
这个之前老师有讲过，今天再看更加清晰。。
规范写代码可以更好理解代码。。
所以老师每贴代码都赏心悦 ...
主要是维护方便
马黑黑 发表于 2024-3-13 16:18
看来是的了{:4_189:}
马黑黑 发表于 2024-3-13 16:19
不一定总是太阳的，@樵歌 说瓜皮也可以
哈哈，瓜皮的颜色倒是很符合呢{:4_173:}
马黑黑 发表于 2024-3-13 16:20
给黑黑点赞{:4_199:}
马黑黑 发表于 2024-3-13 16:21
完了吧？七彩虹现在因为气候问题简化了，只有五彩虹了
没听说过气候还影响彩虹呢{:4_173:}
马黑黑 发表于 2024-3-13 16:26
举个轻轻的栗子：
#papa img { ... } ，这个表示，id="papa" 元素下的全部 img 标签，包含子子孙孙；
...
儿子辈的不用加id="vid"，孙子辈的必须加吧？
红影 发表于 2024-3-13 21:46
儿子辈的不用加id="vid"，孙子辈的必须加吧？
文科生理解错误。
加不加 id 标识是另外的机制。这里仅从层级关系去理解HTML标签。
<div id="d1">
<div><video ...></vedio></div>
<vedeo ...></video>
</div>
上面的代码，第一个 video 标签是孙子辈，第二个 video 是儿子辈，在CSS中这样找到他们：
#d1 > video {}找到儿子们
#d1 vedeo {} 所有的儿子们和孙子们都找到
红影 发表于 2024-3-13 21:38
没听说过气候还影响彩虹呢
气候恶化，美丽的颜色缺席
红影 发表于 2024-3-13 21:36
给黑黑点赞
谢点
红影 发表于 2024-3-13 21:35
哈哈，瓜皮的颜色倒是很符合呢
是的
樵歌 发表于 2024-3-13 21:15
看来是的了
是啥呢
马黑黑 发表于 2024-3-13 21:52
文科生理解错误。
加不加 id 标识是另外的机制。这里仅从层级关系去理解HTML标签。
辈分我分清了，我是问为什么一个视屏标签里有id="vid" 一个没有啊。
马黑黑 发表于 2024-3-13 21:53
气候恶化，美丽的颜色缺席
不缺席的都不美丽？{:4_189:}
马黑黑 发表于 2024-3-13 21:53
谢点
还好不是谢顶{:4_173:}
马黑黑 发表于 2024-3-13 21:54
是的
当然有些瓜皮不是青的{:4_173:}
红影 发表于 2024-3-13 22:44
当然有些瓜皮不是青的
什么颜色都可能有吧