修改Blockquote让引用文段模块更漂亮 作者:matrix 被围观: 4,773 次 发布时间:2013-09-05 分类:Wordpress 兼容并蓄 | 7 条评论 » 这是一个创建于 更换主题-七彩之家BLUE2.0以及后续的修改 提过修改css中Blockquote样式来让引用样式更beautiful。 shareid=2952143733&uk=3238236832 样式三: 代码: blockquote:before, blockquote:after, q:before, q:after { content : ""; } blockquote, q { quotes: "" ""; } blockquote { margin: 1.5em; color: #666; font-style: italic ; } blockquote{padding:0 0 0 15px;margin:0 0 18px;border-left:5px solid #eee} blockquote{border-color
blockquote标签 W3C草案: The blockquote element represents a section that is quoted from another source.W3C specification 语义化的 <blockquote>元素 表示:引述其他人或来源的长篇幅的内容(段落),建议通过cite特性添加来源地址。 注意:<blockquote>元素的默认样式为引述的段落左右添加缩进40px。
标签:https://man.ilovefishc.com/pageHTML5/blockquote.html cite标签:https://man.ilovefishc.com/pageHTML5/ --blockquote标签将引用内容进行缩进--> <blockquote>
梦想是什么?梦想就是一种让你感到坚持,就是幸福的东西。
</blockquote> </html> <! --abbr标签默认斜体,具体可CSS定制-->《中国合伙人》有几句台词很好:
<blockquote>梦想是什么?
</blockquote> </html> <!<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"><blockquote style="margin: : 0px;"><blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"><blockquote style="margin : 0px;"></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote><blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"><blockquote ></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote><pre code_snippet_id="
= -1 ) { // 警告 return "<blockquote class='blockquote-jinggao'>" + E(t, n) + "</blockquote>"; } else = -1 ) { // 推荐 return "<blockquote class='blockquote-tuijian'>" + E(t, n) + "</blockquote>"; } else = -1 ) { // 危险 return "<blockquote class='blockquote-weixian'>" + E(t, n) + "</blockquote>"; } else { // info 默认格式 return "<blockquote class='test'>" + E(t, n) + "</blockquote>"; } case o.blockquote = -1 ) { // 警告 return "<blockquote " + m(this) + " class='blockquote-jinggao' >" + h(this) + "</blockquote
下面是推荐的Ext JS 应用程序结构:
- appname
<blockquote>- app
</blockquote> <blockquote> </blockquote> <blockquote>- extjs
- resources
</blockquote> <blockquote> </blockquote> <blockquote>- app.js
</blockquote> <blockquote>- index.html
- helloext
<blockquote>- app.js
</blockquote> <blockquote>- index.html
<html>
<blockquote><head>
</blockquote> <blockquote>
4287757670a39edec12015ecaa96902b_14.jpeg" width="300px">
<blockquote > 庭有枇杷树,</blockquote>
<blockquote><blockquote> 吾妻死之年所手植也,</blockquote></blockquote >
<blockquote><blockquote><blockquote> 今已亭亭如盖矣。 </blockquote></blockquote></blockquote>
></blockquote> 注:<blockquote> 标签定义块引用。 <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。 </blockquote> 提示:请使用q元素来标记短的引用。 注释:如需把页面作为 strict XHTML 进行验证,那么 <blockquote> 元素必须包含块级元素,比如这样: <blockquote>
here is a long quotation
important; } blockquote>h3:first-child, blockquote>h4:first-child, blockquote>h5:first-child, blockquote important; } blockquote>h3:first-child::before, blockquote>h3.md-focus::before { content: "\f0c3 important; } blockquote>h4:first-child::before, blockquote>h4.md-focus::before { content: "\e812 important; } blockquote>h5:first-child::before, blockquote>h5.md-focus::before { content: "\e800 important; } blockquote>h6:first-child::before, blockquote>h6.md-focus::before { content: "\e805
A Second Level Header --------------------- A Second Level Header ### Header 3 Header 3 > This is a blockquote . > > This is the second paragraph in the blockquote. > > ## This is an H2 in a blockquote This is a blockquote. This is the second paragraph in the blockquote. This is an H2 in a blockquote Some of these words *are emphasized*.
如果要在页面中进行内容的引用,可以使用blockquote标签进行包裹,在blockquote标签中可以继续嵌套footer标签来进行引用的标注,如下: 使用blockquote标签可以进行内容的引用 ,其中可以嵌套fooer标签进行标注 <blockquote>
冰冻三尺,非一日之寒。
</blockquote> 效果如下图所示: ? .blockquote-reverse类可以将blockquote中的内容进行右对齐,示例如下:冰冻三尺,非一日之寒。
Full Name mailto@somedomain.com 引用 blockquate image.png <blockquote
</blockquote> <blockquote> 这是一个带有源标题的引用。 Someone famous in Source Title </blockquote> <blockquote Someone famous in Source Title </blockquote>The blockquote element is used to present content from another source:
< blockquote class="blockquote">For 50 years, WWF has been protecting the future of nature.
</blockquote>两个最重要的属性: name和attributes 2.2.1 name属性 通过.name 来获取tag的名字; print(tag.name) 输出为: b 可以修改tag的name: tag.name = "blockquote " print(tag) 输出为: <blockquote class="boldest">Extremely bold</blockquote> 2.2.2 attributes属性 一个tag可能有很多个属性 tag['id'] = 1 print(tag) del tag['class'] del tag['id'] print(tag) print(tag.get('class')) 输出为: <blockquote class="verybold" id="1">Extremely bold</blockquote> <blockquote>Extremely bold</blockquote> None 2.2.3 >No longer bold</blockquote> 2.4 BeautifulSoup对象 BeautifulSoup 对象表示的是一个文档的全部内容; 它支持 遍历文档树 和 搜索文档树 中描述的大部分的方法
image.png <blockquote>sdflsjflsjfljlskdfjlsjlfjl</blockquote> image.png <blockquote class="pull-right ">sdflsjflsjfljlskdfjlsjlfjl</blockquote>
目录 HTML基础之bit哥的反客为主之道(9)—— 放大标签 h5不支持、
兄弟:+ 如输入:div+p+bq 则输出:
<blockquote ></blockquote> 上级:^ 如输入:div+div>p>span+em^bq 则输出: < div><blockquote></blockquote> </div
前端样式重置 html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address figure,footer,header,hgroup,menu,nav,section,summary { display:block; } ul { list-style:none; } blockquote , q { quotes:none; } blockquote:before, blockquote:after,q:before, q:after { content:'';
It is an API that can be 我们在写博客和文章的经常引用别人的文章,这个时候我们会说明这段文档的出处,我们在开发时亦是如此:这个时候我们可以给我们引用的段落用一个<blockquote></blockquote>包围,然后在里面加一个 ("blockquote"); for (var i = 0; i < quotes.length; i++) { var cite = quotes[i].getAttribute
</blockquote>It is an API that can be
</blockquote>It is an API that can be
strong>Full Name
mailto@somedomain.com
效果图:
七、引用<blockquote >
<blockquote>
这是一个默认的引用实例。
</blockquote> <blockquote>这是一个带有源标题的引用。 Someone famous in Source Title</blockquote> <blockquote Someone famous in Source Title </blockquote> 效果图: ?