|
|
文档的元素的内容和位置来设计它们的样式，那么在没有有意识的情况下误导或迷惑用户将变得极其困难。您所做的就是使用 CSS 来公开页面的固有结构。 范式样式实际上就是为工作选择正确的元素。遍历“语法”的方法有很多种，所以让我们看几个例子。您已经熟悉其中的大部分或全部；想象一下专门使用这种样式： aside h1一个简单的后代选择器，用于设置属于旁白的顶级标题的样式。 body > div直接从排他性派生的样式 div <body>（有助于非语义布局，例如“包装器”块）。 p + p定位直接跟随其他段落的所有段落。 * + h2设置不出现在其父节头部的二级标题的样式。 section ~ article h2定位文章中前面有一个节的所有二级标题。 li:nth-child(odd)ol以或元素中的每个。
其他（即奇数）列表项为目标ul。 ol li:first-child h3:before设置有序列表第一项中第三级标题之前的伪内容的样式。 您将意识到，使用这些方法设置样式的任何内容在移动到页面的其他部分后外观都会发生变化。永远不要害怕：那是应该发生的。不幸的是，阶级的使用 Whatsapp 号码列表 很容易消除环境的这种合法影响。 一个例子 ＃ 为了提供本文的示例，我采取了从我自己的博客中删除所有类属性的步骤。样式表并不像我希望的那样整洁，但这是我的错，而不是索绪尔的错。请注意，我的设计是响应式的，并且依赖于单个id属性来使智能手机用户能够跳转到主导航；但是，它不用作样式挂钩。 背景的重要性 之前，我们探讨了如何使用类来说明不存在的差异。出于同样的原因，它们可以用来掩盖确实存在的差异。 从符号学。
的角度来看，也许两个相似的事物之间唯一真正的区别是它们的背景：它们被发现的环境。英国人和法国人在基因上相似，但文化上不同。他们的国籍背景使他们在许多值得注意的方面变得不同。 请考虑以下代码示例： 复制 // CSS: .main-title { font-size:30px; } 复制 通过创建该类.main-title，我们创建了一个密码来帮助我们轻松地对所有顶级标题进行类似的设计。但是，我们示例中的两个标题并不相似。任何理解 HTML5 的解析器都会知道，h1事实上，旁边的 没有直接属于 的 重要article。它是怎么知道这一点的？好吧，规范要求旁白适用于无关紧要的相关内容，而不是像文章主体中那样重要的内容。此外，解析器对文档大纲算法的理解意味着它将把 的aside标题视为纯粹的副标题，属于h1它之前的 。 上下文定。
|
|
发表于 2024-1-9 12:12:13