精华内容
下载资源
问答
  • html 字体

    千次阅读 2018-07-22 20:18:06
    html网页什么样的字体最好看,css设置各种中文字体样式代码 2017年08月13日 14:30:58 阅读数:22160 css代码如下: { font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑...

    html网页什么样的字体最好看,css设置各种中文字体样式代码

    2017年08月13日 14:30:58

    阅读数:22160

    css代码如下:
    { font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }

    加上中文名“微软雅黑”是为了兼容opera
    在css中使用英文表示法,以下附常见中文字体的英文名:

    网页字体样式华文黑体:STHeiti
    网页字体样式华文楷体:STKaiti
    网页字体样式华文宋体:STSong
    网页字体样式华文仿宋:STFangsong
    网页字体样式黑体:SimHei
    网页字体样式宋体:SimSun
    网页字体样式新宋体:NSimSun
    网页字体样式仿宋:FangSong
    网页字体样式楷体:KaiTi
    网页字体样式仿宋_GB2312:FangSong_GB2312
    网页字体样式楷体_GB2312:KaiTi_GB2312
    网页字体样式微软正黑体:Microsoft JhengHei
    网页字体样式微软雅黑体:Microsoft YaHei
    网页字体样式隶书:LiSu
    网页字体样式幼圆:YouYuan
    网页字体样式华文细黑:STXihei
    网页字体样式华文楷体:STKaiti
    网页字体样式华文宋体:STSong
    网页字体样式华文中宋:STZhongsong
    网页字体样式华文仿宋:STFangsong
    网页字体样式方正舒体:FZShuTi
    网页字体样式方正姚体:FZYaoti
    网页字体样式华文彩云:STCaiyun
    网页字体样式华文琥珀:STHupo
    网页字体样式华文隶书:STLiti
    网页字体样式华文行楷:STXingkai
    网页字体样式华文新魏:STXinwei


    注:如果字体的名称是一个单词的,不需要加引号,否则在ie6,7里面会失效,并且后面的样式也会不生效

    展开全文
  • Html 字体

    千次阅读 2017-05-20 09:05:20
    在默认情况下,也就是未自行安装新字体或者 Office 等文字处理软件的情况下,Windows 默认提供下列字体: Windows 95/98/98SE 宋体、黑体、楷体_GB2312、仿宋_GB2312 Windows XP/2000/2003/ME/NT 宋体/...
    宋体
    
      SimSun
    黑体 SimHei
    微软雅黑 Microsoft YaHei
    微软正黑体 Microsoft JhengHei
    新宋体 NSimSun
    新细明体 PMingLiU
    细明体 MingLiU
    标楷体 DFKai-SB
    仿宋 FangSong
    楷体 KaiTi
    仿宋_GB2312 FangSong_GB2312
    楷体_GB2312 KaiTi_GB2312


    宋体:SimSuncss中中文字体(font-family)的英文名称

    Mac OS的一些:

    华文细黑:STHeiti Light [STXihei]

    华文黑体:STHeiti

    华文楷体:STKaiti

    华文宋体:STSong

    华文仿宋:STFangsong

    儷黑 Pro:LiHei Pro Medium

    儷宋 Pro:LiSong Pro Light

    標楷體:BiauKai

    蘋果儷中黑:Apple LiGothic Medium

    蘋果儷細宋:Apple LiSung Light

    Windows的一些:

    新細明體:PMingLiU

    細明體:MingLiU

    標楷體:DFKai-SB

    黑体:SimHei

    新宋体:NSimSun

    仿宋:FangSong

    楷体:KaiTi

    仿宋_GB2312:FangSong_GB2312

    楷体_GB2312:KaiTi_GB2312

    微軟正黑體:Microsoft JhengHei

    微软雅黑体:Microsoft YaHei

    装Office会生出来的一些:

    隶书:LiSu

    幼圆:YouYuan

    华文细黑:STXihei

    华文楷体:STKaiti

    华文宋体:STSong

    华文中宋:STZhongsong

    华文仿宋:STFangsong

    方正舒体:FZShuTi

    方正姚体:FZYaoti

    华文彩云:STCaiyun

    华文琥珀:STHupo

    华文隶书:STLiti

    华文行楷:STXingkai

    华文新魏:STXinwei

    Windows 中的中文字体。

    在默认情况下,也就是未自行安装新字体或者 Office 等文字处理软件的情况下,Windows 默认提供下列字体:

    Windows 95/98/98SE 宋体、黑体、楷体_GB2312、仿宋_GB2312

    Windows XP/2000/2003/ME/NT 宋体/新宋体、黑体、楷体_GB2312、仿宋_GB2312 (Windows XP SP3 宋体-PUA)

    Windows Vista/7/2008 宋体/新宋体、黑体、楷体、仿宋、微软雅黑、SimSun-ExtB

    那么每种字体能显示那些汉字呢?

    Vista 之前的 Windows 中宋体/新宋体、黑体支持 GBK 1.0 字符集,

    楷体_GB2312、仿宋_GB2312 支持 GB2312-80 字符集。

    (注:Windows 3.X 只能支持 GB2312-80 字符集)

    Vista 及之后的 Windows 中宋体/新宋体、黑体、楷体、仿宋、微软雅黑支持 GB18030-2000 字符集,

    SimSun-ExtB 只支持 GB18030-2005 字符集扩展 B 部分。

    下面对字符集进行简单的介绍:

    GB2312-80 < GBK 1.0 < GB18030-2000 < GB18030-2005

    GB2312-80 中的字符数量最少,GB18030-2005 字符数量最多。

    GB2312-80 是最早的版本,字符数比较少;

    GBK 1.0 中的汉字大致与 Unicode 1.1 中的汉字数量相同;

    GB18030-2000 中的汉字大致与 Unicode 3.0 中的汉字数量相同,主要增加了扩展 A 部分;

    GB18030-2005 中的汉字大致与 Unicode 4.1 中的汉字数量相同,主要增加了扩展 B 部分;

    由于 Unicode 5.2 的发布,估计 GB18030 会在近期发布新版本,增加扩展 C 部分。

    需要说明的是在 GB18030 中扩展 B 部分并不是强制标准。

    如果想查看 GB18030 的标准文本,请访问 http://www.gb168.cn 中的强标阅读。

    如果想了解 Unicode 的内容,请访问 http://www.unicode.org。

    现在纠正网上普遍的一个错误:

    GB18030-2000 和 GB18030-2005 都不支持单字节的欧元符号

    与简体中文有关的代吗页如下:

    936 gb2312 简体中文(GB2312)————其实是GBK

    10008 x-mac-chinesesimp 简体中文(Mac)

    20936 x-cp20936 简体中文(GB2312-80)

    50227 x-cp50227 简体中文(ISO-2022)

    51936 EUC-CN 简体中文(EUC)

    52936 hz-gb-2312 简体中文(HZ)

    54936 GB18030 简体中文(GB18030)

    补充:

    使用楷体_GB2312、仿宋_GB2312后,在 Windows 7/Vista/2008 中可能不再显示为对应的字体。

    这是因为 Windows 7/Vista/2008 中有楷体、仿宋,默认情况下没有楷体_GB2312、仿宋_GB2312,字体名称相差“_GB2312”。

    展开全文
  • html字体颜色 html中设置字体颜色代码 字体颜色获取

    万次阅读 多人点赞 2018-10-31 09:50:59
    html字体颜色 html中设置字体颜色代码 字体颜色获取   html字体颜色设置更改,html设置字体颜色代码方法有哪些 DIVCSS5为大家介绍在html中设置字体颜色方法,字体颜色修改方法,字体颜色如何准确获取。 一、...

    html字体颜色 html中设置字体颜色代码 字体颜色获取

     

    html字体颜色设置更改,html设置字体颜色代码方法有哪些

    DIVCSS5为大家介绍在html中设置字体颜色方法,字体颜色修改方法,字体颜色如何准确获取。

    一、html font字体颜色设置   -   TOP

    在HTML中我们使用font标签即可对字体内容设置颜色。

    1、font语法:

    
     
    1. <font color="#FF0000">我是红色字体</font> 

    首先font是一对常规标签,将字体文本内容放入标签内,font标签内设置color颜色+对应颜色值即可设置font标签对象内字体颜色。

    2、html font设置字体颜色实例
    2-1、html字体颜色实例完整代码:

    
     
    1. <!DOCTYPE html> 
    2. <html> 
    3. <head> 
    4. <meta charset="utf-8" /> 
    5. <title>font字体颜色在线实例 DIVCSS5</title> 
    6. </head> 
    7. <body> 
    8. <font color="#FF0000">我是红色字体</font> 
    9. <table width="300" border="1"> 
    10. <tr> 
    11. <td><font color="#0000FF">你好</font></td> 
    12. <td>DIVCSS5</td> 
    13. </tr> 
    14. </table> 
    15. </body> 
    16. </html> 

    以上实例分别单独对字体设置颜色和对表格内字体设置颜色
    2-2、字体颜色实例截图

    html字体颜色设置案例
    html字体颜色设置案例截图

    2-3、在线演示:查看案例

    要改变字体颜色,只需要将颜色值更改即可。

    二、html div css字体颜色设置   -   TOP

    在html中通过css样式设置字体颜色。

    使用css设置html字体颜色方法有两种,一种是标签内CSS、一种是外部CSS。

    1、基本知识介绍
    使用外部CSS,可以将CSS代码单独放到CSS文件里使用html link引入CSS(html引人css),也可以在html使用<style>标签,建立CSS。也可以在html标签内使用style属性设置css颜色

    2、DIV+CSS实例演示
    这里实践两种方法来实现HTML字体颜色设置,一种标签内使用css,另外一种使用style标签实现字体颜色设置。

    3、实例完整HTML 源代码

    
     
    1. <!DOCTYPE html> 
    2. <html> 
    3. <head> 
    4. <meta charset="utf-8" /> 
    5. <title>css实现字体颜色 在线演示 DIVCSS5</title> 
    6. <style> 
    7. .divcss5{color:#F00} 
    8. </style> 
    9. <!-- html注释说明:使用style标签设置字体颜色 --> 
    10. </head> 
    11. <body> 
    12. <div class="divcss5">我字体是红色</div> 
    13. <div style="color:#00F">我字体是蓝色</div> 
    14. <!-- div标签内使用style属性设置字体颜色 --> 
    15. </body> 
    16. </html> 

    分别使用<style>标签和DIV标签内使用style属性设置html中字体颜色。

    4、div css案例截图

    CSS设置字体颜色案例实例效果截图
    CSS设置字体颜色案例实例效果截图

    5、css+div案例在线演示:查看案例

    三、html超链接A字体颜色设置   -   TOP

    对html中锚文本字体设置颜色,有两种情况,一种是对html全部a超链接内字体设置统一的字体颜色,另外一种是对指定对象内的锚文本超链接字体设置单独颜色。

    DIVCSS5通过实例为大家介绍html中超链接锚文本字体颜色统一设置与单独设置。

    1、完整div+css html代码如下

    
     
    1. <!DOCTYPE html> 
    2. <html> 
    3. <head> 
    4. <meta charset="utf-8" /> 
    5. <title>html超链接字体颜色设置 在线演示 DIVCSS5</title> 
    6. <style> 
    7. a{ color:#00F} 
    8. a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */ 
    9. /* css 注释说明:以上代码为设置html中超链接统一字体颜色 */ 
    10. .div a{ color:#090} 
    11. .div a:hover{ color:#090} 
    12. /* css注释说明:以上代码为设置html中.div对象内超链接字体颜色 */ 
    13. </style> 
    14. </head> 
    15. <body> 
    16. <p>测试内容我是统一设置的颜色蓝色<a href="http://www.divcss5.com">DIVCSS5</a></p> 
    17. <div class="div">我在div对象内,超链接颜色为<a href="#">我是超链接绿色</a></div> 
    18. </body> 
    19. </html> 

    超链接为蓝色的字体是html统一设置的,而绿色的为单独设置的超链接字体颜色

    2、超链接字体颜色实例截图

    超链接字体实例效果截图
    css超链接字体实例效果截图

    3、在线演示:查看案例

    以上三个DIV+CSS案例打包下载:

    立即下载 (2.928KB)

    四、如何获取HTML需要的准确字体颜色   -   TOP

    要获取准确的颜色值,一般使用Photoshop(ps)软件获取。以下DIVCSS5教大家使用PS获取某处字体颜色值,通过获取字体值灵活应用获取某处背景或图片或边框颜色值。

    假如我们要获取以上图片“CSS”蓝色具体color值
    假如我们要获取以上图片“CSS”蓝色具体color值

    1、PS打开这张图片

    ps打开这张要获取颜色图片
    ps打开这张图片

    2、使用点击PS工具的“选择前景色”或“选择背景色”工具

    这里我们点击红色框的“前景色”工具
    这里我们点击红色框的“前景色”工具

    3、弹出“选择前景色”选项卡
    操作第二步后,就会弹出“选择前景色”选项卡同时,鼠标指针就会变成吸管一样的图标“拾色器”,这个时候去点击需要获取颜色值地方,如果图片小不容易准确点击,这个使用可以放大图片“ctrl+++”即可不断放大图片。

    获取准确颜色值“0000FF”
    获取准确颜色值“0000FF”

    4、设置使用获取的color颜色值
    color:#0000FF
    技巧:使用颜色值时候,一般直接去PS复制得到颜色值,以免手动输入错误,同时使用使用别忘记颜色值前加“#”号。

    五、html字体颜色总结   -   TOP

    DIVCSS5为大家介绍三种字体颜色设置包括HTML字体、CSS文字颜色css超链接字体颜色,同时介绍了使用PS获取准确的颜色值方法。大家平时可以灵活扩展使用对字体、对背景设置颜色值。

    转载自源网址:http://www.divcss5.com/html/h635.shtml

    展开全文
  • HTML字体样式

    千次阅读 2019-11-14 20:20:33
    HTML字体基本样式 字体样式 font-style 值: italic 设置支持斜体的字体为斜体 开发中常用 oblique 强制字体设置斜体 normal 正常字体 <p style="font-style: oblique;">两岸猿声啼不住</p> <p ...

    HTML字体基本样式

    字体样式

    font-style
    值:
    italic 设置支持斜体的字体为斜体 开发中常用
    oblique 强制字体设置斜体
    normal 正常字体

    		<p style="font-style: oblique;">两岸猿声啼不住</p>
    		<p style="font-style: normal;">两岸猿声啼不住</p>
    

    设置字体是否加粗

    font-weight
    值:
    normal 正常不加粗
    bold 加粗
    bolder 更粗(但是渲染效果和bold是一致的)
    数值 100-900 逐渐加粗
    400 == normal
    700 == bold
    900 == bolder

    		<p style="font-weight: bold;">哪吒</p>
    		<p style="font-weight: 700;">哪吒</p>
    		<string style="font-weight: normal;">哪吒</string>
    

    字体大小

    font-size
    值:
    值是数字 单位px 像素 (常用)
    pt 磅
    em 相对单位
    1.谷歌浏览器支持的最小字体像素是12px
    2.浏览器默认字体大小为16px

    <p style="font-size: 40px;">哪吒</p>
    

    设置字体

    font-family
    值:
    直接使用页面设计所需要的字体,可以写多个,例如
    font-family:a字体,b字体,c字体…;
    通用字体
    1.Arial
    2.serif

    <p style="font-family:'新宋体','楷体';">哪吒</p>
    

    字体组合写法,字体是一个符合属性
    书写复合属性等等顺序是
    font:font-style font-weight font-size font-family
    注意:复合写法最少要有font-size和font-family

    <p style="font: italic bold 30px Arial;">哪吒</p>
    
    展开全文
  • HTML字体标签

    千次阅读 2018-04-22 19:15:00
    -----------------------------------------HTML字体标签---------------------------------------- HTML字体标签 作为一个页面来说,最常见的元素是:文字和图片。 文字:默认是从左到右,从上到下显示。 Font...
  • HTML字体属性

    千次阅读 2015-04-17 09:21:58
    HTML字体属性    一、文字样式设置的基本标签—   设置字体样式的基本标签是,被其包含的文本为样式作用区。在初学者的HTML代码编写中,容易被多重嵌套,如文本。还有一种情况是标签嵌套错位,如文本。为了...
  • html字体标记

    千次阅读 2015-04-16 13:18:36
    html字体标记 <!-- 代表当前是一个html 是头标签,作用是用于声明一些信息,主要用于声明 是当前页面的一个标题 内容是显示在浏览器的 关于body标签的属性 text:用于设置body中文本的颜色 background...
  • HTML字体标记  HTML字体标记包括:标题字体,字体大小,物理字体,逻辑字体,字体颜色,客户端字体,字符实体等. 1.标题字体: ... #=1, 2, 3, 4, 5, 6 居中显示标题 设定标题背景颜色 2.字体大小...
  • HTML 字体颜色 色号对照表

    万次阅读 2018-11-11 09:54:49
    HTML 字体颜色 色号对照表
  • 【HTML系列】之HTML字体颜色设置

    千次阅读 2019-03-03 17:11:26
    DATE: 2019-3-3 (1)HTML字体颜色设置
  • Html 字体大小

    2012-02-28 15:46:00
    Html 字体大小 上标下标 设置 2011-07-19 8:41 网页中常用的字体尺寸定义有7个号,1号字最小,7号字最大,定义字号的 指令代码是尖括号内:[font size=X] 。 为了便于正常显示,&lt; &gt;暂时...
  • HTML字体颜色设置

    千次阅读 2013-12-05 17:01:29
    html字体颜色设置 behavior=移动效果>插入文字, alternate(交替滚动)、 slide(幻灯片效果,指的是滚动一次,然后停止滚动)  scrollAmount="移动速度"  direction="方向" 字体颜色设置 字体 宋 体 c o l o r = # 9 ...
  • 第七节 Html字体样式

    千次阅读 2017-02-10 11:46:41
    html字体样式<html> 字体样式 <!--h1是标题1————h6是标题6--> 字体样式 <hr color=yellow></hr> <!--字体加粗--> <!
  • 第二节 html字体颜色

    千次阅读 2017-02-10 11:04:51
    html字体代码:<html> 字体颜色</title><!--网页标题--> <!--align 是对其方式属性--> <!--color 属于颜色属性--> <h1 align=center> 世界奥运的颜色</font></h1><!--
  • rem移动端 html字体大小自适应设置

    千次阅读 2018-12-21 11:53:03
    根据屏幕大小设置html字体大小font-size &lt;script&gt; (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', ...
  • 使用css3实现字体大小动态的改变 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>会呼吸的字体</title> </head> <style> .font1 ...
  • Html字体属性设置

    千次阅读 2018-07-31 15:58:38
    字体属性如下: font-style 规定字体样式。 font-variant 规定字体异体。 font-weight 规定字体粗细。 font-size/line-height 规定字体尺寸和行高。 font-family 规定字体系列。  字体的...
  • HTML 字体闪烁

    千次阅读 2020-04-20 15:08:56
    //javasript 代码 <div id="blink">闪烁的文字</div> <script language="javascript"> function changeColor(){ var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray";...
  • 前端html字体设置

    千次阅读 2019-05-11 10:57:55
    字体大小</h1>....<h6></h6> 10.1.2加粗 <!--加粗--> <strong>用于字体加粗,可提高搜索优化</strong> <b>字体加粗</b> 10.1.3倾斜 <!--字体倾斜--> <...
  • 手机网页html字体很小的解决办法

    千次阅读 2019-11-22 10:31:13
    手机网页html字体很小的解决办法: <meta name="viewport" content="width=device-width" initial-scale="1"/> 移动设备优先: <meta name="viewport" content="width=device-width, initial-scale=...
  • html 字体大小自适应

    万次阅读 2018-03-21 09:58:15
    文字自适应在html页面加入 <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'> <meta name='apple-mobile-web-app-capable' content='yes'>...
  • 这个东西怎么说呢?就像平时使用CSDN写博客一样不仅仅需要内容充实,还要求秀色可餐。 和追一个女生道理一样,虽然说颜值并不能代表一切。...HTML字体和颜色大全HTML常见颜色大全HTML常见字体大全 HTML常见颜色
  • html字体自适应分辨率大小

    千次阅读 2019-08-09 15:10:41
    css 字体大小自适应样式设置篇 字体可以设置大小使用css font-size来实现,有时需要对字体大小根据浏览器分辨率来判断后自适应大小。 在CSS 2.0中字体大小自适应是难实现的,一般使用JS来实现,这里就不必说了...
  • html字体的样式与行高

    千次阅读 2020-05-24 15:39:28
    字体: font-size: font-family: 注意事项: 字体分类: 字体的一个类包含许多字体,通常放在最后一个逗号后边兜底。 字体的样式: font比较重要,因为简写可以提升浏览器解析的性能,建议简写,但是要注意用...
  • html字体颜色渐变

    2020-10-05 15:53:52
    } 注:color: transparent,设置原字体颜色为透明, -webkit-background-clip: text,文本渐变 linear-gradient() 函数 从上到下,蓝色渐变到红色 */ linear-gradient(45deg, blue, red); 渐变轴为45度,从蓝色...
  • 这是代码 怎么让字体 怎么 紧贴 border?![图片说明](https://img-ask.csdn.net/upload/201907/16/1563282244_625361.png) ``` background-color: white; /*border-top-color: #ff0000;*/ /*border-top...
  • html字体代码

    千次阅读 2015-10-28 17:29:57
    宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 ...仿宋
  • HTML字体 font和链接

    千次阅读 2019-05-25 18:05:03
    贴士:(1)只能控制字体集(Helvetica,Arial),大小和颜色 (2)最好别用font标签,因为在HTML5中font已被列入没有意义的标签,可以通过css使用font标签。 代码如下: <!DOCTYPE html> <html lang="en"> <...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 31,892
精华内容 12,756
关键字:

html字体