码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-05-18 22:54:49      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:not   css   com   code   des   描述   mon   int   href   

  <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

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

标签:not   css   com   code   des   描述   mon   int   href   

原文地址:https://www.cnblogs.com/158-186/p/12913047.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!