html的层标记、div、span的解释：
所谓的层标记就是网页的容器。层的类型: css，在 HTML文件中的层标记符使用div和span层的基本语句如下:
- <div id= "dz7" style= “position : absolute; left : 100px ; top : 100px ; width : 200px ; height : 200px ; z-index : 1">
这里的id表示层的编号；
style表示层的样式 ；
position : absolute表示对象脱离正常文档流，使用top , left , right , bottom等属性进行绝对定位。而其层叠通过z-index属性定义。
left 表示离浏览器窗口左边的距离, top表示离浏览器窗口上边的距离，width表示层的宽度，height表示层的高度;z-index表示在垂直平面方向上的层序号。
div的解释：
注释：<div> 是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。
提示：请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。
div的案例：
<body>
<h1>NEWS WEBSITE</h1>
<p>some text. some text. some text...</p>
...
<div class="news">
<h2>News headline 1</h2>
<p>some text. some text. some text...</p>
...
</div>
<div class="news">
<h2>News headline 2</h2>
<p>some text. some text. some text...</p>
...
</div>
...
</body>
更多解释详见：https://www.w3school.com.cn/tags/tag_div.asp
span的说明：
- <p><span>some text.</span>some other text.</p>
如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。
可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。
可以对同一个 <span> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
提示：事实上，您也许已经注意到了，W3School 站点上有一些文本的样式与其他文本是不同的。比如“提示”使用了粗体的橘红色。尽管实现这种效果的方法非常多，但是我们的做法是：使用“提示”使用 span 元素，然后对这个 span 元素的父元素，即 p 元素应用 class，这样就可以对这个类的子元素 span 应用相应的样式了。
html：
- <p class="tip"><span>提示：</span>... ... ...</p>
p.tip span {
font-weight:bold;
color:#ff9955;
}
更多解释详见：https://www.w3school.com.cn/tags/tag_span.asp
| 
发表于 2022-4-25 22:07:21
