12种常用的HTML标签和CSS样式

本文介绍6种常用的HTML标签和CSS样式。

段落标签

使用段落标签可以实现换行，如下所示：

<p>第一段内容</p>

<p>第二段内容</p>

The first paragraph

The second paragraph

换行标签

使用换行标签可以实现不同行的文本显示，如下所示：

第一行内容<br>

第二行内容<br>

第三行内容

The contents of the first line

The contents of the second lne

The contents of the third line

加粗标签

使用加粗标签可以让文字加重，有两种方法：

• 方法一：
  <b>需要加重的内容</b>
• 方法二：
  <p style="font-weight:bold*" >需要加重的内容</b>

Example1: Need bold content
Example2: Need bold content

文字大小代码

< p >使用文字大小代理可以调整文字大小 ，如下所示： < br / > & lt ; p style = "font-size:10px" & gt ; 需要设置文字大小的内容 & lt ; / p & gt ; < / p >

< p > The contents of need to set the text size < / p >

< h2 > 文字颜色代理 < / h2 >

< p > 使用文字颜色代理可以设定文字颜色 ，如下所示： < br / > & lt ; p style = "color#ff00O" & gt ; 需要设 置 文 字 颜 色 的 内 容 & lt ; / p & gt ; < / p >

< p > The contents of need to set the text size < / p >

< h2 > 文字字体代理 < / h2 >

< p > 使用文字字体代理可以调整文字字体 ，如下所 示： < br / > & lt ; p style = "font- family:verdana,arial,helvetica,sans -serif" & gt ; 需要设 置 文 字 字 体 的 内 容 & lt ; / p & gt ; < / p >

< p > The contents of need to set the text font

（本文内容根据网络资料整理和来自用户投稿，出于传递更多信息之目的，不代表本站其观点和立场。也不对其真实性、可靠性承担任何法律责任，特此声明！）

常见问答(FQAS)

常见的HTML标签有:<h1>-<h6>标题标签,<p>段落标签,<a>链接标签,<ul><li>无序列表标签,<ol><li>有序列表标签,<img>图像标签,<div><span>区块标签等。

可以通过CSS来为文本设置不同的样式,例如font-size设置字号,color设置颜色,font-weight设置粗细,text-decoration设置下划线等。常用的CSS属性有很多,通过学习了解后灵活运用就可以给文本设置各种样式。

要给链接设置悬停效果,可以使用CSS中的:hover伪类选择器。例如a:hover{color:blue;}就可以让鼠标悬停在链接上时字体颜色变蓝。此外还可以设置文本装饰线变化、背景颜色变化等其他效果。

要给图片设置浮动,可以使用CSS中的float属性。例如img{float:left;}就可以让图片靠左浮动。此外还可以设置外边距或内边距控制图片与上下文元素的间隔。清除浮动也很重要,否则后面的元素会被影响。