blockquote 和 q 标签 css样式

blockquote与q标签都是用来表示内容引用的。两者有什么区别呢？

简单说，blockquote重点在block上，它包含的子元素要求是块元素(block-level content)，比如p、div，常用在大段的引文处。

q的话，用于短文字的引用(inline content),本身也是inline元素

使用这两个标签，多数浏览器会默认加上一对引号。
可以使用以下css做一个清理：

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

转载于:https://blog.51cto.com/hannahqi/1205337

blockquote 和 q 标签 css样式相关推荐

jQuery：css方法动态更改标签css样式
hello,大家好,我是wanzirui32,今天我们来学习如何使用jQuery的css方法,动态更改标签css样式. 开始学习吧! 学习目录读取标签的css样式设置标签的css样式给标签设置多 ...
HTML如何实现双引号加粗大字体小,【2个实例】教你怎样修改和美化blockquote双引号及css样式...
blockquote默认的双引号千篇一律太过普通,我们能否更改它并美化它,以搭配网页模版的视觉要求?答案是肯定的.下面我就以两个实例来教你怎样修改和美化blockquote双引号,并送上漂亮的css样 ...
html左右滑轮标签,css样式支持左右滑动要点
div 包含 ul ,ul 包含 li div宽度固定,ul 宽度随着li的可以无限增加,li 左右滑动的最小容器. div 样式position:relative;width:xxpx;height ...
HTML标签+CSS样式（一）
文章目录一.HTML常用标签类二.CSS常用样式一.HTML常用标签类 html:hyperText markup language,超文本标记语言 1. < meta > 告诉搜索 ...
html标签+css样式
第一章 1.HTML超文本标记语言 2.网页<html></html> 3.网页头部<head></head> 4.网页标题<title>& ...
html中css的逗号用法,css样式多个类、标签用【逗号空格冒号点】分开的解析...
ReactNative学习之css样式使用前言: 前面学习了html,今天学习一下css的基本使用,看下html与css之间是如何结合来编写前端网页的. CSS 是什么? CSS 是 Cascadi ...
设置图片元素上下垂直居中的7种css样式_赵一鸣博客
设置图片元素上下垂直居中的7种css样式阅读(9548) @2018-07-15 14:13:34 图片.文字左右居中很简单,只需要以下代码: 1 text-align:center; 文字上下居中 ...
q标签，短文本引用；blockquote标签，长文本引用
<q>标签,短文本引用 <q>引用文本</q>,默认显示双引号,不需要在文本中添加 <blockquote>标签,长文本引用浏览器对<block ...
HTML标签与CSS样式
文本标签 h1-h6:标题 p:文字段落标签 b/strong:加粗 u:下划线 s:划去线换行标签: br-----(第一个没有成对出现的标签) 水平分隔符标签: hr-----(第一个没有成对出 ...

blockquote 和 q 标签 css样式

blockquote 和 q 标签 css样式相关推荐

最新文章

热门文章