这篇文章给大家分享的是有关css/html如何让段落空出一行的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
css的三种引入方式
1.行内样式,最直接最简单的一种,直接对HTML标签使用style=""。2.内嵌样式,就是将CSS代码写在之间,并且用
进行声明。3.外部样式,其中链接样式是使用频率最高,最实用的样式,只需要在之间加上
就可以了。其次就是导入样式,导入样式和链接样式比较相似,采用@import样式导入CSS样式表,不建议使用。让段落空出一行的方法:1、使用p标签空行,只需要将段落文字用p标签包裹起来即可,语法“<p>段落内容</p>”;2、使用br换行符空行,只需要在需要换行的文字后面输入“<br/>”即可。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
一、使用p段落标签空行
p语法
<p>第一段</p>
p是段落标签,文章段落前使用<p>结束使用</p>,这样p与p两段文章实现空行。
实例:
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>document</title> </head> <style> </style> <body> <p>这是一个段落</p> <p>这是另一个段落</p> </body></html>
效果:
二、使用br换行标签空行
大家子的<br />是独立标签,使用两个br换行标签,即可实现换行空一行效果。
实例:
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>document</title> </head> <style></style> <body> 这是一个段落<br><br> 这是另一个段落 </body></html>
效果:
感谢各位的阅读!关于“css/html如何让段落空出一行”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!