QQ登录

只需一步,快速开始

搜索
鱼C论坛笔记大赛成绩公示
查看: 1605|回复: 21

[资源分享] 实用Tips - 2 - H5&C3常用 中文字体 & 颜色大全

[复制链接]
累计签到:413 天
连续签到:83 天
最佳答案
82 
发表于 2017-1-17 13:02:43 | 显示全部楼层 |阅读模式

马上注册加入鱼C,享用更多服务吧^_^

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
本帖最后由 不二如是 于 2017-6-14 07:04 编辑

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

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

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

[hide]

  • 颜色


  • 140428hvmxxea12272u9i1.png


  • 中文字体


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


    1f7b0004a5760efb3813.jpeg


    <p>常用属性:

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

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

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

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

    5. </body>
    6. </html>
    复制代码

    效果图:



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


    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4.         <meta charset="utf-8">
    5.         <title>基本框架</title>
    6. </head>
    7. <body>
    8.         <p>
    9.         <font face="NSimSun" size="33" color="#FF8888">我能设置字体、大小、颜色</font><br>
    10.                 <b>我是黑体</b><br>
    11.                 <i>我是斜体</i><br>
    12.                 <u>我是下划线</u><br>
    13.                 <s>我是中划线</s><br>
    14.                 <hr>
    15.                 <img src="FishC.png" alt="鱼CLogo">
    16.                 <img src="63.gif">
    17.                 <hr size="20" width="50" align="left">
    18.                 <hr size="20" width="50" noshade>
    19.                 FihsC<sup>我是上标</sup><br>
    20.                 FishC<sub>我是下标</sub><br>
    21.         </p>
    22. </body>
    23. </html>
    复制代码

    效果图:
    1.gif










本帖被以下淘专辑推荐:

1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:219 天
连续签到:2 天
最佳答案
0 
发表于 2017-1-17 13:51:30 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:413 天
连续签到:83 天
最佳答案
82 
发表于 2017-1-17 14:00:20 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:81 天
连续签到:1 天
最佳答案
1 
发表于 2017-1-18 09:07:15 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:413 天
连续签到:83 天
最佳答案
82 
发表于 2017-1-18 09:09:43 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:1 天
连续签到:1 天
最佳答案
0 
发表于 2017-2-10 20:52:23 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:87 天
连续签到:1 天
最佳答案
0 
发表于 2017-2-22 13:52:36 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:38 天
连续签到:1 天
最佳答案
0 
发表于 2017-2-28 10:46:27 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:413 天
连续签到:83 天
最佳答案
82 
发表于 2017-2-28 11:18:20 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:7 天
连续签到:1 天
最佳答案
0 
发表于 2017-3-5 10:30:56 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:1 天
连续签到:1 天
最佳答案
0 
发表于 2017-3-6 12:11:23 From FishC Mobile | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:14 天
连续签到:1 天
最佳答案
0 
发表于 2017-3-6 13:53:31 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:141 天
连续签到:2 天
最佳答案
0 
发表于 2017-3-6 19:16:41 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:2 天
连续签到:1 天
最佳答案
0 
发表于 2017-3-7 15:22:33 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:2 天
连续签到:1 天
最佳答案
0 
发表于 2017-3-28 14:37:40 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:109 天
连续签到:5 天
最佳答案
0 
发表于 2017-3-30 16:42:43 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!

尚未签到

最佳答案
0 
发表于 2017-4-13 22:12:28 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:174 天
连续签到:3 天
最佳答案
24 
发表于 2017-5-21 16:22:30 | 显示全部楼层
<nobr></nobr>的作用是不换行的意思吗,
  1. <nobr>
  2.                         <div>1</div>
  3.                         <div>2</div>
  4.                 </nobr>
复制代码

结果换行了,这个标签怎么用。。
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:533 天
连续签到:4 天
最佳答案
0 
发表于 2017-7-14 23:57:51 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
累计签到:117 天
连续签到:1 天
最佳答案
25 
发表于 2017-7-16 07:57:03 | 显示全部楼层
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

小甲鱼强烈推荐上一条 /1 下一条

小黑屋手机版Archiver( 粤公网安备 44051102000370号 | 粤ICP备11014136号

© 2010-2017 FishC.com GMT+8, 2017-9-19 23:19 Powered by Discuz! X2.5 Theme by dreambred

快速回复 返回顶部 返回列表