资源的造型引用文字

2008年8月5日，chriscoyier· 2评论

大多数网站，尤其是如果他们的博客，会在同一时间或其他各地块报价的必要性。这只是链接的网站间良好的精神风貌！块报价的方式，包括直接从其他网站（或其他来源）采取的页面上的文本。 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，报价来自以外。 cite属性的风格或引用文字的功能没有影响。

模式塔：上拉行情（没有在这里几乎没有什么还没有，但格局塔是一个完美的地方，开始为这件事情的集合。）

分享吧！

2“样式引用文字资源”

罗布- http://www.cssnewbie.com/ 说：
2008年8月15日，2:55上午
伟大的综述！另一个基于CSS的选择将是六种方式CSSnewbie的[http://www.cssnewbie.com/six-ways-style-blockquotes/]样式引用文字。
MSNAvatarlarÄ± - http://www.msnpaketi.com 说：
2008年8月16日下午08:36
太好了，谢谢