教程博客

资源造型引用文字




大部分网站,特别是如果他们的博客,会来块报价跨越,必须在某一时刻。 这就是跨网络连接的良好精神! 块报价的方法包括一个直接从另一个网站(或其他来源)采取页文本。 HTML提供与这项工作,完善要素我们<blockquote>

没有任何CSS应用到页面上,大多数浏览器默认样式应用到这个元素,以帮助确定从其他文本块中脱颖而出。 Firefox的默认使用下列样式:

blockquote { display: block; margin: 1em 40px; } 

这不符合浏览器之间然而,大多数“的CSS重置”,包括重新造型,消除了这一切。 您绝对应该考虑加入一些风格回不过,你引用文字。 我喜欢简单的设计,所以让我与你们分享的引用文字我最喜爱的庞克之一:

 blockquote  { border-left: 30px solid #d9d9d9; padding-left: 10px; font-family: georgia, serif; font-style: italic; } 

这种风格只是让一个浅灰色块向左健康缩进。 素雅:

还有,当然,风格引用文字很多很多方面。 从简单的阐述,从大到小,从激烈的制服。 很多的事情要考虑。 “拉引号”是引用文字兄弟。 没有特殊的HTML元素的重要引述,但它们被用来以同样的方式,以分隔的文本块。 不同的是,拉文的报价是非常本条所作的正提交。 这带来不同的挑战。

这里是那里的资源列表样式,处理和其他处理引用文字和拉报价。

基础知识与技术规格

狗的HTML: 引用文字
W3C的: 大段引用规格 (连同“q”的元素,引用文字内嵌的弟弟)
维基百科: 引用文字
W3学校: 引用文字

没有太多的了解大段引用的元素,除了可选属性“引用”,这是URI的,该报价来自。 在引用属性并不会影响的风格或引用文字的功能。

搜捕


块报价和拉力行情:实例和良好做法


拉行情(23例)


模式塔:拉行情 (有没有在这里几乎没有什么,但模式塔是一个完美的地方开始为这种事情的集合。)

具体造型教程


Swooshy弯引号不显示图片


Fonts.com:拉行情


Sitepoint:拉报价真正拉!


狗的HTML:拉行情


拉行情的CSS


使用IMG元素的背景而不是在引用文字图像。


圆角拉引号使用CSS


用CSS更好引用文字


简单的CSS引用文字和Pullquotes


快速提示:利用CSS样式引用文字


玩大段引用和CSS

使用JavaScript教程


使用JavaScript和CSS自动pullquotes


更好的拉行情:多纳€™吨重复标记


jQuery的易拉行情


自动牵引的行为和CSS报价

博客的具体教程


时髦Pullquotes为您的博客


制作一个WordPress拉行情


WordPress的插件:JavaScript的拉行情


WordPress的插件:花式拉引号(v0.85)

SIDENOTES /脚注


使用CSS和Javascript脚注-最后的字



评论

2,以“资源造型引用文字回应”
  1. 罗布 说:

    大综合报道! 另一种基于CSS的办法是CSSnewbie的6种方法样式引用文字

教程博客