只是对标签的CSS吗？

Question

我试图理解CSS,我尝试的第一件事就是:

<div style="
    height: 100px;
    width: 100px;
    border: 1px solid black"/>

<div style="
    height: 100px;
    width: 100px;
    border: 1px solid red"/>

和

<div style="
    height: 100px;
    width: 100px;
    border: 1px solid black"></div>

<div style="
    height: 100px;
    width: 100px;
    border: 1px solid red"/>

任何人都可以解释一下发生了什么？我认为应该没有区别..直到现在我才体验到纯xml所以这对我来说有点令人沮丧..

还有一个问题..如何显示整个事情？我假设首先是浏览器构建DOM树,通常根据元素的顺序显示它.是否与css相同,只有样式定义的那么小的变化？我的意思是样式表中的规则首先应用于显示某个具体元素时,其中没有其他技巧.正确吗？

Answer 1

毫无疑问,您使用text/html内容类型为XHTML提供服务.

这是一个旨在简化从HTML到XHTML过渡的黑客,因此人们可以在浏览器支持之前开始使用XHTML.十年之后,Internet Explorer仍然不支持它,我又回到了HTML.

由于您正在使用此hack,因此必须编写XHTML以与HTML解析器以及XML解析器兼容.这意味着遵循HTML兼容性指南,其中包括:

如果元素允许内容(例如,div元素)但该元素的实例没有内容(例如,空部分),则不要使用"最小化"标记语法(例如,<div />).

不允许内容的元素被定义为"EMPTY",可以很容易地在HTML元素列表中找到.