CSS逻辑与物理标记

时间:2011-05-23 22:03:17

标签: html css

我是编码和CSS世界的新手。当我发布问题并阅读有关CSS,浮点数和定位的内容时,我遇到了术语logicalphysical

  • 对于那些对CSS非常了解的人来说,这些意味着什么?
  • 他们有什么不同?
  • 我什么时候才能使用其中任何一个?
  • 此术语仅限于CSS,还是适用于PHP,ASP.NET等语言?
  • 如果它们也适用于其他语言,它们是否意味着同样的事情?

5 个答案:

答案 0 :(得分:2)

从未听过这两个词,我只能接受有根据的猜测,logical定位会引用relativephysical会引用absolute(有一些文档说明relativeabsolute定位here)。

它们并不真正适用于PHP或ASP.NET等服务器端语言,因为它们特定于布局策略(而不是后端功能)。

答案 1 :(得分:2)

与Demian一样,我也从未在CSS社区或规范中遇到过这些术语。

一种解释(已经阅读了这些术语的用法)可以区分标记用于文体目的(物理)与标记在其更多语义形式中使用以给页面赋予“逻辑”含义(而不是而不仅仅是为了定位或审美目的)。

或者,您可以考虑询问使用这些术语的人(@hyperboreus)的意图。

答案 2 :(得分:2)

好的 - 我看到瞎子说了。

按逻辑,您应该说语义,而不是物理使用术语/想法演示结果。

你可以看到为什么,特别是后者很难定义 - 实际上,我会诚实地将它保持为语义标记和非语义标记。

定义语义有时候更容易开始定义相反的,绝对不是语义的 - 使用表来布局你的页面 - 或者就此而言,使用表来表达任何东西但是数据

语义也可以在将数据与其呈现分离到甚至使用<em><strong>标签方面达到极端,但大多数人认为这与素食主义者处于相同水平谁不吃任何带阴影的东西。

<subjective-but-really-not> 语义网很漂亮。只需轻轻一点css即可分发您的数据,以便朝着正确的方向前进,最后,始终允许用户最后说出他们希望如何查看您的数据 </subjective>

TLDR:语义使用适当的标记(标记)来适应数据,而不是适合您想要的样式,应该通过以下方式控制(并且仅根据语义控制)你的(CSS)样式表

答案 3 :(得分:1)

首先,CSS仅限客户端。您可以在HTML页面中嵌入CSS样式,也可以链接到外部.css文件。

逻辑/物理?从未见过或听说过它,猜猜它可能是你想到的相对绝对或固定的位置?

当关注浏览器如何呈现页面的BOX模型时,将每个元素视为一个框。如果它的位置:相对然后它放在最后一个盒子结束的位置和这个盒子的大小,那么将使下一个相对的盒子在它之后。

与文字中的段落非常相似。

[标题1]

[第1段]

[第2段]

[第3段]

如果您使用position:fixed,您可以使用left:100px或top:100px,无论您是否滚动或缩放浏览器,该元素都将保留在那里。

position:absolute将使用其父对象的零点。如果父对象是相对的,则零将来自相对父节点。

因为这个主题一旦你进入专栏设计等就会复杂得多,但是那里有很多很好的例子。

答案 4 :(得分:0)

科林威罗斯是对的。

不要使用物理标记,你可以避免它。它被认为是不好的做法,因为现在有更好的方法来获得你正在寻找CSS的结果。

一切都是为了将​​内容/结构与风格/演示文稿分开。

使用逻辑/语义标记,您可以使用适当的标题标记标记所有标题,例如。 h1是你最重要的标题,h2是副标题,h3是任何标题下等等 你不要跳过标题,因为你不喜欢大小或外观。 你不要在文本段落中使用标签,因为它会使它更大更大胆。 但是你可以使用div或spans,或者用于段落或标题的类,结合CSS来按你喜欢的方式设置它们。

然后您可以通过多种方式设置正确标记的文档, 你可以轻松地尝试不同的样式表。 多个网页可以访问一个CSS文档。 通过更改一行CSS来更改文档(或其中的部分)的字体 并且不必每次提到时都通过添加或更改字体标记的HTML文档进行搜索。 或某种颜色。

如果你想让一组图像向左浮动 让他们都是同一个班级 并将它们浮动在外部样式表中, 那么您也可以选择将其他样式应用于它们 也许给他们相同的边界/轮廓。 或者如果你改变主意并决定将它们正确地浮动,那么它只需改变一条线就可以了。

聪明的狗屎