不二如是 发表于 2017-1-17 13:02:43

H5&C3常用 中文字体 & 颜色大全

本帖最后由 不二如是 于 2020-3-17 17:54 编辑

作为一名励志有情怀湿意的程序猿

字体细节、颜色拿捏非常重要!

特意把压箱底的两张图,送给各位鱼油~


[*]颜色



[*]中文字体


属性名 含义 举例
font-family 设置字体类型 font-family:"隶书"
font-size 设置字体大小 font-size:13px
font-style 设置字体倾斜度font-style:italic
font-weight 设置字体粗细 font-weight:bold
font 设置所有字体属性 font:italic bold 33px "宋体"




<p>常用属性:

<br>,让文本换行,很简单。

<nobr></nobr>,No Break 的缩写,意思是禁止换行。

font-size,来定义文本的字体、字体颜色、字体尺寸。
<html>
<body>

<h1><font face="verdana">鱼C工作室</font></h1>
<p><font size="5" face="arial" color="red">Web交流学习</font></p>

</body>
</html>
效果图:



常用文字显示:

HTML代码 含义
<br>换行
<hr>水平线
<i></i>斜体
<b></b> 黑体
<i></i>斜体
<u></u>下划线
<s></s> 中划线
<sup></sup> 上标
<sub></sub> 下标


<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>基本框架</title>
</head>
<body>
        <p>
        <font face="NSimSun" size="33" color="#FF8888">我能设置字体、大小、颜色</font><br>
                <b>我是黑体</b><br>
                <i>我是斜体</i><br>
                <u>我是下划线</u><br>
                <s>我是中划线</s><br>
                <hr>
                <img src="FishC.png" alt="鱼CLogo">
                <img src="63.gif">
                <hr size="20" width="50" align="left">
                <hr size="20" width="50" noshade>
                FihsC<sup>我是上标</sup><br>
                FishC<sub>我是下标</sub><br>
        </p>
</body>
</html>
效果图:










fred_tan 发表于 2017-1-17 13:51:30

{:10_277:}

不二如是 发表于 2017-1-17 14:00:20

fred_tan 发表于 2017-1-17 13:51


{:10_297:}

拈花小仙 发表于 2017-1-18 09:07:15

强烈支持不二

不二如是 发表于 2017-1-18 09:09:43

拈花小仙 发表于 2017-1-18 09:07
强烈支持不二

谢谢仙仙~{:5_92:}

Email 发表于 2017-2-10 20:52:23

赞!

dreamdnj 发表于 2017-2-22 13:52:36

学习学习!!!

772317495 发表于 2017-2-28 10:46:27

看帖要养成回复的好习惯

不二如是 发表于 2017-2-28 11:18:20

772317495 发表于 2017-2-28 10:46
看帖要养成回复的好习惯

好习惯~

SonOmiga 发表于 2017-3-5 10:30:56

盗图

a540656809 发表于 2017-3-6 12:11:23

设计大师

Death_Glory 发表于 2017-3-6 13:53:31

{:10_254:}

过去吧 发表于 2017-3-6 19:16:41

学习

345127857 发表于 2017-3-7 15:22:33

{:10_297:}默默支持

Xman 发表于 2017-3-28 14:37:40

1111111111

白牙 发表于 2017-3-30 16:42:43

{:10_262:}没错我又来了

liang820 发表于 2017-4-13 22:12:28

谢谢分享

18813034116 发表于 2017-5-21 16:22:30

<nobr></nobr>的作用是不换行的意思吗,
<nobr>
                        <div>1</div>
                        <div>2</div>
                </nobr>
结果换行了,这个标签怎么用。。

aswyamato1989 发表于 2017-7-14 23:57:51

这个非常有用,感谢分享!!!!

MSK 发表于 2017-7-16 07:57:03

收藏~
页: [1] 2
查看完整版本: H5&C3常用 中文字体 & 颜色大全