字体大小

属性：font-size

常用的方式有：像素px，百分数%，em值。

文本在浏览器中默认大小是16px，因此100%相当于16px。

语法：<p style="font-size: ......">文字</p>

代码：

<p style="font-size:20px">我是一条小青龙</p>

<p style="font-size:40px">我是一条小青龙</p>

图示：

图示1

例：百分比300%的字体是多少像素字体？

代码：

<p style="font-size:48px">我是一条小青龙</p>

<p style="font-size:300%">我是一条小青龙</p>

图示：

300%和48px一样大

字体颜色

属性：color

只要在<p style="color:......">color后面加上你想要的颜色名称就好。

常用表示方式：RGB值，十六进制编码，颜色名称

代码：

<p style="font-size:300%;color:pink">我是一条小青龙</p>

图示：

字体加粗

属性font-weight

在标签里 <p style="font-weight:.....">

粗体可以用数字表示，也可以用名称表示

代码：

<p style="font-size:200%;font-weight:200">我是一条小青龙</p>

<p style="font-size:200%;font-weight:900">我是一条小青龙</p>

图示：

斜体
属性：font-style: italic

代码：

<p style="font-style: italic">我是一条小青龙</p>

图示：

斜体

下划线和删除线

属性 text-decoration

下划线 underline

文本顶部增加实线  overline

删除线  line-through

代码：

<p style="text-decoration:underline">1.我是一条小青龙</p>

<p style="text-decoration:overline">2.我是一条小青龙</p>

<p style="text-decoration:line-through">3.我是一条小青龙</p>

图示：

线条图示