第42页 2.2.5 用<aside>添加附注
- 章节名:2.2.5 用<aside>添加附注
- 页码:第42页
新的<aside>元素表示与它周围的文本没有密切关系的内容。你可以用<aside>来盛放广告、相关内容链接,甚至醒目引文(pull quote)。 醒目引文是从印刷行业中借用的技术,用于吸引读者注意力,突出重要的内容。
<aside class="PullQuote"> <img src="quotes_start.png" alt="Quote"> We don't know how the universe started, so we can't be sure it won't just end, maybe today. <img src="quotes_end.png" alt="End Quote"> </aside>下面是对应的样式:
.PullQuote { float:right; max-width:300px; border-top:thin black solid; border-bottom:thick black solid; font-size:30px; line-height:130%; font-style:italic; padding-top:5px; padding-bottom:5px; margin-left:15px; margin-bottom:10px; } .PullQuote img { vertical-align:bottom; }
36人阅读
Luke对本书的所有笔记 · · · · · ·
-
第39页 2.2.3 用<hgroup>标注副标题
如果除了主标题,还有一个副标题,那可以把这两个标题包装在一个元素中。但是,这里...
-
第40页 2.2.4 用<figure>添加插图
下面是给文章添加插图的HTML标记。
Right now, you're proba...
-
第42页 2.2.5 用<aside>添加附注
-
第44页 2.3 浏览器对语义元素的支持情况
浏览器把不认识的元素当成内联(inline)元素,为解决这个问题,只要在样式表中添加一条“超...
-
第58页 2.5.3 分块元素
分块元素(sectioning element)是指那些在页面中创建新的、嵌套纲要的元素。这些元素有
> 查看全部38篇
说明 · · · · · ·
表示其中内容是对原文的摘抄