字体大小
属性:font-size
常用的方式有:像素px,百分数%,em值。
文本在浏览器中默认大小是16px,因此100%相当于16px。
语法:<p style="font-size: ......">文字</p>
代码:
<p style="font-size:20px">我是一条小青龙</p>
<p style="font-size:40px">我是一条小青龙</p>
图示:
例:百分比300%的字体是多少像素字体?
代码:
<p style="font-size:48px">我是一条小青龙</p>
<p style="font-size:300%">我是一条小青龙</p>
图示:
字体颜色
属性: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>
图示: