放松读物，再看css禅意花园-总结HTML-再找HTML

Posted 2021-02-18 158-186

　　<div id="pageHeader">
            <h1><span>css Zen Garden</span></h1>
            <h2><span>The Beauty of <acronym title="Cascading Style Sheets">CSS</acronym> Design</span></h2>
        </div>

　　这段代码中有<div><h1><h2><span>

　　html中h标签是标题的意思；

 

　　<div id="quickSummary">
            <p class="p1"><span>A demonstration of what can be accomplished visually through <acronym title="Cascading Style Sheets">CSS</acronym>-based design. Select any style sheet from the list to load it into this page.</span></p>
            <p class="p2"><span>Download the sample <a href="/zengarden-sample.html" title="This page‘s source HTML code, not to be modified.">html file</a> and <a href="/zengarden-sample.css" title="This page‘s sample CSS, the file you may modify.">css file</a></span></p>
        </div>

　　这段代码中有<div><p><span>

　　html中p标签是一个段落的意思；

　　然后大多都是div和span标签了，css+div这个能理解，div是容器的意思。

　　查了一下span的意思，被用来组合文档中的行内元素。上面的代码中h和p中都嵌套着span。h和p标签中放的文本，span就是当对它应用样式时，span嵌套的文本会产生视觉上的变化。

　　span修饰的行内文本，不一定使用<span class>……</span>这样的方式，也可以使用div下的p，p中span，通过div中class来找到里面的span。

　　div是块级的容器，span是行内的“容器”(加引号是不知道怎么描述，容器可能不太合适）

　　这篇找到html的标记有，div span h p