在不冲突文本的情况下调整p标签之间的块引用标签,可以使用CSS样式来实现。具体步骤如下:
这里的margin-top和margin-bottom属性可以根据需要进行调整,以达到合适的间距效果。
这样,通过给p标签添加特定的类名,并在CSS样式表中定义该类名的样式,就可以实现在不冲突文本的情况下调整p标签之间的块引用标签的间距。
关于CSS样式和调整布局的更多知识,可以参考腾讯云的CSS样式指南:CSS样式指南。
简介:本文分上下篇,将以概念加代码块加实战的方式速刷html,部分资料来源于网络。 概念:HTML是用来描述网页的一种语言。(超文本标记语言) HTML中标签的应用非常重要。... 解释: 和之间的文本描述网页 之间的文本是可见的页面内容 和之间的文本被显为标题 ...和之间的文本被显示为段落 HTML标题 HTML标题是通过~等进行定义的 我想要衣服 我想要衣服 我想要衣服 HTML段落...HTML折行 如果不想在产生一个新段落的情况下进行换行,可以使用/ 并不是的闭合标签,因为 里是空元素,关闭标签没有任何意义。...居中的标题 输出结果如下 HTML引用 我的目标是:搞件衣服!
:建议展开格式,而非紧凑格式 b.空格规范: .选择器和大括号之间保留一个空格 属性:和属性值之间保留一个空格 P65.选择器总体概述 1.选择器的作用 把我们需要修改样式的标签选择出来...我只把第二个div标签选择出来,怎么做? 我只把ul里面的li选择出来(ol里面的li不选),怎么做?...-- p{我是段落标签} 我们想生成的标签里面默认显示文字 --> 我是段落标签 二.快速生成css样式语法 .one...特殊的:块元素-p和h这种内部只能放文本的块元素中不能再放块元素....样式不冲突,不会覆盖 样式冲突,就近原则 div { height: 500px;/*不冲突*/ width: 700px;/*不冲突*/
标签上 title 与 alt 属性的区别是什么? alt 是给搜索引擎识别,在图像无法显示时的替代文本; title 是关于元素的注释信息,主要是给用户解读。...(目的不是为了引用资源,而是为了建立联系,让当前标签能够链接到目标地址。) src source(缩写),指向外部资源的位置,指向的内容将会应用到文档中当前标签所在位置。...在请求 src 资源时会将其指向的资源下载并应用到文档中,比如 JavaScript 脚本,img 图片; 2、作用结果不同:href 用于在当前文档和引用资源之间确立联系;src 用于替换当前内容...eg:div , p ,form , ul , li , ol , dl 等。它们的出现,往往独自占领一行。在没有设置宽度的情况下,默认宽度总是其父元素的宽度。...(1)行内元素有:a b span img input select (2)块级元素有:div p ul ol li dl dt dd h1-h6 (3)常见的空元素:br-换行,hr-水平分割线
值:left/center/right 给文本所在的父元素加 作用于行级元素 对于块级元素,水平对齐使用:margin:0 auto; text-decoration 规定添加到文本的装饰效果 值...text-indent 规定文本快手行的缩进 首行缩进 2em(两个字) 只能作用于块级元素 color 设置文本的颜色 值:英文单词/十六进制/rgb/rgba CSS字体样式 font-family...三大特性 一、层叠性: 所谓层叠性是指多种CSS样式的叠加 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个标签上,这就是样式冲突。...一般情况下,如果出现样式冲突,则会按照CSS书写的顺序,以最后样式为准。 样式冲突,遵循的原则是就近原则。 样式不冲突,不会层叠。...内边距: 定义标签边框与标签内容之间的空间 padding-bottom 设置标签的下内边距 padding-left 设置标签的左内边距 padding-right 设置标签的右内边距
举头望明月, 类选择器 使用标签中class属性的值将页面中的标签选出来 任何标签都有class属性,不同标签的class值可以是相同的 重点:在style标签中使用类选择器时必须在前面加上... 优先级 多类名 一个 class 属性可以同时设置多个值,类名之间使用空格进行分隔,每个类名的CSS样式都会生效 通配符选择器 星号( * )就是通配符选择器,能够一次性选择页面中所有标签...,但是会影响页面响应速度,不建议使用 样式的两个特性 层叠性:多个选择器设置的样式可以叠加在同一标签上 当样式出现冲突时,优先考虑权重;权重相同的情况下,采用就近原则 继承性:子标签继承父标签的某些样式...-- 语法 --> p { color: red; } text-align 用于设置文本水平对齐位置,该属性只能用于占据整行的标签。...伪类样式 选择器权重 块元素和行内元素 HTML标签主要分为块标签和行内标签两种类型,也称为块元素和行内元素 块元素 快元素会独占一行,例如:、、 等。
目录 字体相关调整 背景相关调整 控制背景平铺 调整背景图像的大小 边框属性 圆与圆角 盒模型 块级盒子(Block box) 和 内联盒子(Inline box) display属性 盒子模型 盒模型的各个部分...在下面的例子中,我使用了上面例子中的大图,并使用长度单位来调整方框内的大小。你可以看到这扭曲了图像。 试试下面: 改变用于修改背景大小的长度单位。...)默认情况下都是块级的盒子。...也具备行内标标签文本多大就占多大的特性 */ } 盒子模型 完整的 CSS 盒模型应用于块级盒子,内联盒子只使用盒模型中定义的部分内容。...大小通过 margin 相关属性设置; 通俗理解 以快递盒为例 1.快递盒与快递盒之间的距离 外边距(标签之间的距离) 2.快递盒的厚度 边框 3.内部物品到盒子的距离 内边距
规则: 元素名与属性之间,以及每个属性之间用空格分开。 属性名与属性值用“=”连接。 属性值要用引号(“”)引起来。 属性一般位于开始标签。 不区分大小写,但是推荐小写。...### 换行 如果您希望在不产生一个新段落的情况下进行换行,请使用 标签: 不同于标签,使用标签换行,两段文字之间没有空隙。...但是这两个标签之间的区别可不只是样式不同这么简单哦。区分段落时请用,段落之内换行请用,不要随意乱用。...## 块级元素 & 行内元素(内联元素) 在这里我要讲解两个概念:块元素 和 行内元素。...如果想在index.html文件里引用img1.png和img2.png两个图片,我们有下面这几种写法: 当然上面的 绝对路径 是针对于我个人电脑的,每个人的路径都有可能不同。
---- 开始学习标签,添加段落 如果想在网页上显示文章,这时就需要标签了,把文章的段落放到标签中。...,就ok了 ---- 标签,短文本引用 想在你的html中加一段引用吗?...比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么标签是你所需要的。 语法:引用文本 栗子: 最初知道庄子,是从一首诗庄生晓梦迷蝴蝶。...等等,上一节标签不是也是对文本的引用吗?不要忘记标签是对简短文本的引用,比如说引用一句话就用到标签。...如想在我的文章中引用李白《关山月》中的诗句,因为引用文本比较长,所以使用。
标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:里嵌套,那么必须放在的前面。如下图所示。 4....HTML标签不区分大小写,和是一样的,但建议小写,因为大部分程序员都以小写为准。 HTML标签 标签 如果想在网页上显示文章,就需要标签,把文章的段落放到标签中。...语法: 段落文本 ? ? 标签 使用标签来制作文章的标题。...注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。 语法: 段落文本引用文本段落文本 ? 标签 blockquote的作用也是引用别人的文本。...但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。 1.
5、网页元素分类 块元素 (block) 无论标签内容有多少,该标签始终会独占一行 常见的块元素有: h1、h2、h3、h4、h5、h6、p… 行内元素 (in-line) 内容决定元素的宽度和高度,不会独占一行...其中 h1 最大 , h6 最小;所有的标题标签默认加粗 所有的标题标签默认独占一行(块级元素) 段落标签 段落内容 默认会独占一行,段落与其他元素之间会保留间距 换行标签:` ` 水平线标签:`...表示该文本从键盘上输入 引用 效果: 需要加粗的文本 需要倾斜的文本 代码块 变量 定义项目 演示文本 定义键盘文本。...在我们日常开发项目中往往会很复杂,样式冲突也会有很多,有时我们无法通过调整引入顺序来覆盖一部分样式,这是我们可以使用 !important 来强制提高优先级,在用 !...)默认情况下都是块级的盒子。
由左引号和右引号括起来的属性值。 注意:不包含 ASCII 空格(或任何字符)的简单属性值可以保持不加引号,但建议您引用所有属性值,因为这会使代码更加一致和易于理解。"...请注意,结束标记的名称前面有一个斜杠字符 ,并且在空元素中,结束标记既不是必需的,也不是允许的。如果未提及属性,则在每种情况下都使用默认值; 注意! 元素和标签不是一回事。... 分类2 块级别标签:在页面内以块的形式展现,每一个标签都出现在新的一行,占用全部宽度; 行内标签:通常在块级元素内,不会导致文本换行...--注册商标--> ® 布局标签 :用来占位布局,属于块级标签,可以无限制的嵌套块级标签或者行内标签; :行内标签...; 注意:p标签虽然是块级别标签,但是不能嵌套块级标签; 标签的两大重要属性 id属性:相当于个体查找 class属性:群体查找 类似于python面向对象中的类的继承 可以将多个标签划为一类
常见的块级元素有: address - 地址 blockquote - 块引用 center - 举中对齐块 dir - 目录列表 div - 常用块级容易,也是css layout的主要标签 dl -...- 计算机代码(在引用源码的时候需要) dfn - 定义字段 em - 强调 font - 字体设定(不推荐) i - 斜体 img - 图片 input - 输入框 kbd - 定义键盘文本 label...- 表格标签 q - 短引用 s - 中划线(不推荐) samp - 定义范例计算机代码 select - 项目选择 small - 小字体文本 span - 常用内联容器,定义文本内区块 strike...块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度。...属性是作用在块级元素上让里面的文本居中: 我要居中我要居中我要居中 //若想要上面的文本居中,对应的CSS样式因如下所示编写 div{ text-align
-- 单个出现的标签 --> ......html段落、换行与字符实体 html段落 标签定义一个文本段落,一个段落含有默认的上下间距,段落之间会用这种默认间距隔开,代码如下: 在网页上显示 “” 会误认为是标签,想在网页上显示“”可以使用它们的字符实体,比如: ” 的字符实体为 < 和 > --> 3 < 5 10 > 5 html块、含样式的标签 html块 1、div...标签 块元素,表示一块内容,没有具体的语义。
: 块元素 行内元素 我们先讲解一下块元素: 块元素包括:h标题系列,p,div,ul,ol,li 块元素特点包括: 自己独占一行 高宽,外距,背景色都可以设置 宽度默认为父类 是一个容器,可以放置行内或行内块元素.../block/inline-block 分别对应行内元素,块元素,行内块元素 CSS写入的三种方式 CSS作用HTML中一共有三种方法,我们一一介绍: 第一种:行内样式 直接在单个标签中写入style..."> 我是类选择器 我是id选择器 我的最高权限是id选择器...我的最高权限是类选择器 CSS层次选择器 层次选择器分为五种: 并集选择器: 选择器1,选择器2 {} 同时选择多个选择器的标签...儿子4 儿子5 我是孙子辈 我是儿子辈
缩写(同HTML的abbr标签)** 1.2.8 引用 Blockquotes 1.3 各级标签 标签 1 标签 2 标签 3 标签 4 标签 5 标签 6 1.4....1.6.1 行内代码 1.6.2 代码块 1.6.3 预格式化文本: Q:什么预格式化文本?...引用的行内混合 Blockquotes 引用:如果想要插入空白换行即标签,在插入处先键入两个以上的空格然后回车即可, 1.3 各级标签 标签 1 标签 2 标签 3 标签 4 标签...A:在到处PDF的情况下,在你想要的分页就位子插入就可以了!...2.1.2 模板适用 正式开始 首先下载模板 打开下载的文件,可以看到两个文件夹,一个是“官网示例”,另一个是“我的模板”,我们只需要使用“我的模板”; 将“我的模板”复制一份出来,然后用文本编辑器打开其中的
,段落之间会用这种默认间距隔开,代码如下: 一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方 式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网... 在网页上显示 “” 会误认为是标签,想在网页上显示“”可以使用它们的字符实体,比如: ” 的字符实体为 < 和 > --> 3 < 5 10 > 5 怼到顶部 4.html块标签、含样式的标签 html...块标签 1、 标签 块元素,表示一块内容,没有具体的语义。
(不建议) 标签,或者,如果想要在严格限制为等宽字体格式的文本中显示编程代码,请使用 (建议) 标签。...-- 示例1 --> 标签并不经常使用。只有在要从正常的上下文中将某些短字符序列提取出来,对它们加以强调的极少情况下,才使用这个标签。... blockquote 标签 描述: 该标签定义块引用(HTML 块级引用元素),其元素之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体,也就是说...,块引用拥有它们自己的空间。...示例: 我说一段文字,我是一个关键点Key 高亮文本 温馨提示: 不要为了语法高亮而用 元素; 你应该用 元素结合适当的 CSS
XML语言没有预定义的标签。上面示例中的标签(如和)在任何XML标准中都未定义。这些标签是XML文档的作者“创造”的。HTML使用预定义标签,如、、等。...在不兼容的系统(或升级的系统)之间交换数据对于Web开发人员来说是一项耗时的任务。必须转换大量数据,并且通常会丢失不兼容的数据。XML以纯文本格式存储数据。...XML标签区分大小写XML标签是区分大小写的。标签与标签是不同的。...应用程序应该仍然能够在XML文档中找到、和元素,并生成相同的输出。这是XML的优点之一。它可以在不破坏应用程序的情况下进行扩展。...它不是注释本身的一部分。我想在这里说的是,元数据(关于数据的数据)应该存储为属性,而数据本身应该存储为元素。XML命名空间XML命名空间提供了一种避免元素名称冲突的方法。
交集选择器是并且的意思,即...又...的意思 比如: p.one 选择的是: 类名为 .one 的段落标签。 /*用的相对来说比较少,不建议使用。*/ 「4....宽度默认是容器(父级宽度)的100% 是一个容器及盒子,里面可以放行内或者块级元素 注意:只有文字才能组成段落,因此p标签里面不能放块级元素,特别是p不能放div。...样式不冲突,不会层叠。 「2. CSS 继承性」 -概念: 子标签会继承父标签的某些样式,如文本颜色和字号。 想要设置一个可继承的属性,只需将它应用于父元素即可。...特 「特别注意」:浮动元素会改变display属性, 类似转换为了行内块,但是元素之间没有空白缝隙 清除浮动 因为父级盒子很多情况下,不方便给高度,但是子盒子浮动就不占有位置,最后父级盒子高度为0,就影响了下面的标准流盒子...text">我是文本 我是文本 2.2 轮廓线 outline 是绘制于元素周围的一条线,位于边框边缘的外围
问题由来:中嵌套标签,两个都是块级元素,按理应该可以正常显示,但是最后的结果居然是多出来一段的效果,所以就在网上找了许多关于标签嵌套规则的资料,下面做一个个人总结。...(不推荐) * i - 斜体 * img - 图片 * input - 输入框 * kbd - 定义键盘文本 * label - 表格标签 * q - 短引用...有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:h1~h6、p、dt。...所以说p里面不能嵌套div,就是我犯的错误。 ... 错误 (特殊块级标签只能嵌套内联标签) 错误 (特殊块级标签只能嵌套内联标签) 块元素中嵌套的元素
领取专属 10元无门槛券
手把手带您无忧上云