【经验分享】CSDN如何修改文字的字体、大小以及颜色

【经验分享】CSDN如何修改文字的字体、大小以及颜色


小编整理的markdown相关文章

 码住,此处应该加鸡腿加

 【资源下载】好用的markdown编辑器(附下载链接)

 【资源下载】了不起的markdown——推荐Typora(附下载链接)

 【经验分享】强强联合Typora+PicGo让markdown更简单

 【经验分享】Typora 快捷键编辑 markdown

 【经验分享】Typora如何添加数学公式

 【经验分享】CSDN如何修改文字的字体、大小以及颜色

 【经验分享】记录自己使用markdown开始写Blog


文章目录

  • 【经验分享】CSDN如何修改文字的字体、大小以及颜色
  • 小编整理的markdown相关文章
    • 1、CCS、HTML知识
    • 2、修改字体
    • 3、修改大小
    • 4、修改颜色
    • 5、首行缩进


  为什么有的人的博客就很好看,是炫彩的,而我们的博客就是黑白的海洋呢?如果不会HTML、CSS的话自然是没法编辑的啦~

  Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的!

  CSDN中的markdown编辑器是其衍生版本,扩展了Markdown的功能(如表格、脚注、内嵌HTML等等),也就是内嵌HTML,接下来就来看看如何使用内嵌HTML的方法来实现彩色Blog


1、CCS、HTML知识

  如果对HTML、CSS不熟悉的话,这里向大家推荐几篇Blog:

    【CSS3】CSS3支持的颜色表示方法大全

    【HTML5】推荐一个十六进制值的文本颜色查询网站

    【工具】RGB颜色值与十六进制颜色码转换工具


2、修改字体

  源码:

1.<font face="微软雅黑">微软雅黑font>
2.<font face="华文琥珀">华文琥珀font>
3.<font face="华文隶书">华文隶书font>
4.<font face="华文行楷">华文行楷font>
5.<font face="华文新魏">华文新魏font>
6.<font face="幼圆">幼圆font>
7.<font face="宋体">宋体font>

  效果展示:

    1.微软雅黑
    2.华文琥珀
    3.华文隶书
    4.华文行楷
    5.华文新魏
    6.华光淡古印
    7.宋体


3、修改大小

   源码:

<font face="微软雅黑" size=1><b>字号1b>font>
<font face="微软雅黑" size=2><b>字号2b>font>
<font face="微软雅黑" size=3><b>字号3b>font>
<font face="微软雅黑" size=4><b>字号4b>font>
<font face="微软雅黑" size=5><b>字号5b>font>
<font face="微软雅黑" size=5><b>字号6b>font>
<font face="微软雅黑" size=5><b>字号7b>font>

  效果展示:

    字号1
    字号2
    字号3
    字号4
    字号5
    字号6
    字号7

size: 规定文本字体大小的值。浏览器默认的字体是微软雅黑,默认的size是3。

需要插入的文字 这是加粗。


4、修改颜色

  源码:

<font face="微软雅黑" size=4 color=#FFC0CB>好雨知时节font>
<font face="华文琥珀" size=4 color=#00BFFF>当春乃发生font>
<font face="隶属" size=4 color=#AFEEEE>随风潜入夜font>
<font face="华文行楷" size=4 color=#98FB98>润物细无声font>

  效果展示:

    好雨知时节
    当春乃发生
    随风潜入夜
    润物细无声

  颜色列表:

红色和粉红色,以及它们的16进制代码。

#990033 #CC6699 #FF6699 #FF3366 #993366 #CC0066 #CC0033 #FF0066 #FF0033 ..#CC3399..
#FF3399 #FF9999 #FF99CC #FF0099 #CC3366 #FF66CC #FF33CC #FFCCFF #FF99FF #FF00CC

紫红色,以及它们的16进制代码。

#FF66FF #CC33CC #CC00FF #FF33FF #CC99FF #9900CC #FF00FF #CC66FF #990099 #CC0099
#CC33FF #CC99CC #990066 #993399 #CC66CC #CC00CC #663366      
 

蓝色,以及它们的16进制代码。

#660099 #666FF #000CC #9933CC #666699 #660066

#333366

#0066CC #9900FF #333399
#99CCFF #9933FF #330099 #6699FF #9966CC #3300CC #003366 #330033 #3300FF #6699CC
#663399 #3333FF #006699 #6633CC #3333CC #3399CC #6600CC #0066FF #0099CC #9966FF
#0033FF #66CCFF #330066 #3366FF #3399FF #6600FF #3366CC #003399 #6633FF #000066
#0099FF #CCCCFF #000033 #33CCFF #9999FF #0000FF #00CCFF #9999CC #000099 #6666CC
#0033CC
 

黄色、褐色、玫瑰色和橙色,以及它们的16进制代码。

#FFFFCC #FFCC00 #CC99090 #663300 #FF6600 #663333 #CC6666 #FF6666 #FF0000 #FFFF99
#FFCC66 #FF9900 #FF9966 #CC3300 #996666 #FFCCCC #660000 #FF3300 #FF6666 #FFCC33
#CC6600 #FF6633 #996633 #CC9999 #FF3333 #990000 #CC9966 #FFFF33 #CC9933 #993300
#FF9933 #330000 #993333 #CC3333 #CC0000 #FFCC99 #FFFF00 #996600 #CC6633
 

绿色,以及它们的16进制代码。

#99FFFF #33CCCC #00CC99 #99FF99 #009966 #33FF33 #33FF00 #99CC33 #CCC33 #66FFFF
#66CCCC #66FFCC #66FF66 #009933 #00CC33 #66FF00 #336600 #33300 #33FFFF #339999
#99FFCC #339933 #33FF66 #33CC33 #99FF00 #669900 #666600 #00FFFF #336666 #00FF99
#99CC99 #00FF66 #66FF33 #66CC00 #99CC00 #999933 #00CCCC #006666 #339966 #66FF99
#CCFFCC #00FF00 #00CC00 #CCFF66 #CCCC66 #009999 #003333 #006633 #33FF99 #CCFF99
#66CC33 #33CC00 #CCFF33 #666633 #669999 #00FFCC #336633 #33CC66 #99FF66 #006600
#339900 #CCFF00 #999966 #99CCCC #33FFCC #669966 #00CC66 #99FF33 #003300 #99CC66
#999900 #CCCC99 #CCFFFF #33CC99 #66CC66 #66CC99 #00FF33 #009900 #669900 #669933
#CCCC00

白色、灰色和黑色,以及它们的16进制代码。

#FFFFF #CCCCCC #999999 #666666 #333333 #000000

16色和它们的16进制代码。

Aqua Black Fuchsia Gray Gree Lime Maroon Navy Olive Purple
Red Silver Teal White Yellow Blue

5、首行缩进

  //缩进两个汉字字符
  //缩进两个英文字符

你可能感兴趣的:(经验分享,csdn,markdown,html,css,前端)