精华内容
下载资源
问答
  • font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位,其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。具体如下: 相对长度单位 说明 em 相当于...

     

    font-size:字号大小


    font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位,其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。具体如下:

    相对长度单位说明
    em相当于当前对象内文本的字体尺寸
    px像素,最常用,推荐使用
    绝对长度单位说明
    in英寸
    cm厘米
    mm毫米
    pt

     

    font-family:字体


    font-familay属性用于设置字体,网页中常用的字体有宋体、微软雅黑、黑体等,例如将网页中所有段落文本的字体设置为微软雅黑,可以使用如下CSS样式代码:

    p{font-family:"微软雅黑"}

    可以同时制定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,则会尝试下一个,知道找到合适的字体。

    常用技巧:

    1.现在网页中普遍使用14px+.
    2.尽量使用偶数的数字字号,ie6以及以下的浏览器在设置奇数时,会有兼容性问题
    3.各种字体之间必须使用英文状态下的逗号隔开。
    4. 中文字体需要加英文状态下的引导,英文字体一般不需要加引导,当需要设置英文字体时,英文字体名必须位于中文字体名之前。
    5.如果字体名中间包括空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family:"Times New Roman";.
    6. 尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。

    CSS Unicode : 字体


    在CSS中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8等)不匹配时会产生乱码的错误。xp系统不支持类似微软雅黑的中文。

    方案一:我们可以使用英文来替代。比如font-family:"Microsoft Yahei".

    方案二: 在CSS直接使用Unicode编码来写字体名称可以避免这些错误。使用Unicode写中文字体名称,浏览器可以正确的解析的。

    font-family:"\SFAE\8F6F\9ED1",表示设置字体为“微软雅黑”。

    字体名称英文名称Unicode 编码
    宋体SimSun\5B8B\4F53
    新宋体NSimSum\65B0\5B8B\4F53
    黑体SimHei\9ED1\4F53
    微软雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1
    楷体_GB2312KaiTi_GB2312\6977\4F53_GB2312\
    隶书LiSu\96B6\4E66\
    幼圆YouYuan\5E7C\5706
    华文细黑STXihei\534E\6587\7EC6\9ED1
    细明体MingLiU\7EC6\660E\4F53
    新细明体PMingLiU\65B0\7EC6\660E\4F53

    我们以后写unicode字体,尽量只写宋体和微软雅黑:“\5B8B\4F53”,“\5FAE\8F6F\96C5\9ED1”

    font-weight : 字体粗细


    字体加粗除了用 b 和 strong 标签之外,可以使用css来实现,但是CSS是没有语义的。

    font-weight属性用于定义字体的粗细,其可用属性:normal、bold、bolder、lighter、100—900(100的整数倍)。

    小技巧:

    数字400等价于normal,而700等价于bold,但是我们更喜欢用数字来表示。

    CSS注释


    html注释:<!-- -->

    css注释:/* 需要注释的内容 */ 进行注释的

    即在需要注释的内容前面使用 “ /* ”,在需要注释的内容后面使用“ */ ”

    总结:html 注释和css注释非常提倡大家使用

    font-style : 字体风格


    字体倾斜除了用i和em标签之外,可用使用CSS来实现,但是CSS是没有语义的。

    font-style属性用于定义字体风格,如设置斜体、倾斜或正常字体、其可用属性值如下:

    normal:默认值,浏览器会显示标准的字体样式。

    italic:浏览器会显示斜体的字体样式。

    oblique:浏览器会显示倾斜的字体样式。

    小技巧:

    平时我们很少给文字加斜体,反而喜欢给斜体标签(em,i)改为普通模式。

    font : 综合设置字体样式(重点)


    font属性用于对字体样式进行综合设置,其基本语法格式如下:

    选择器{font:font-style font-weight font-size/line-height font-family;}
    使用font属性时,必须按上面语法格式中的顺序书写,不能更换顺序,各个属性以空格隔开。
    ​
    注意:其中不需要设置的属性可以省略(取默认值),但必须保留font-size和font-family属性,否则font属性将不起作用。

    开发者工具(chrome)

    此工具是我们的必备工具,以后代码出了问题,我们首先第一反应就是:

    “按F12”或者是“shift+Ctrl+l” 打开 开发者工具。

    菜单:单击网页空白处———查看。

    小技巧:

    1. ctrl+滚轮 可以放大开发者工具代码大小。

    2. 左边是HTML元素结构,右边是css样式

    3. 右边css样式可以改动数值和颜色查看更改后效果。

     

    展开全文
  • Google浏览器 版本 79.0.3945.88 F12 调试 js 文件 字体显示黑色,看不到变量 解决办法 今天忽然之间 在使用Google浏览器 调试的时候,啊啊啊啊 ,js 文件字体全部显示成黑色了 ,woc 发生了什么 ??? 第一...

    Google浏览器  版本 79.0.3945.88  F12 调试  js 文件 字体显示黑色,看不到变量 解决办法

     

    今天忽然之间 在使用 Google浏览器 调试的时候,啊啊啊啊 ,js 文件字体全部显示成黑色了 ,woc 发生了什么 ???

    第一时间 想到  代码写的有问题 ??? 缓存问题 ???  

    拿自己另外一台电脑测试之后发现没有这个问题 ,马上意识到 是浏览器 版本问题 ...     LZ 浏览器版本设置的自动更新...然后就掉坑了

    随手把另外一台电脑浏览器版本更新到最新版之后,亦是同样的问题 。好了,已经确定问题所在了...

    下面开始找解决办法吧:

    一句话怎么说  : 解铃还须系铃人     

     

    找谷歌吧,于是 去逛了下Google 的论坛 。。

    经过  一系列查看 

    ..@#$^6%^&&^%$#...

    终于找到了 嘿嘿  此处应有掌声 👏👏👏

    原文的问题是

    下面上图来张解决方式:

     

    LL 们看到之后 会不会说一句 woc 全是英文  ,LZ 这里 说一句 放心 ,中文的也有 

     

    好了解决方案就在上面了,这里附一份 Chrome Canary-版本 下载链接 ,点击下载即可 ,和之前安装的版本不冲突 ....

       

    图标贼亮  诺 就是这个 有没有逼格很高的赶脚 嘿嘿

     

    Chrome Canary-版本 下载链接 :https://www.google.com/intl/zh-CN/chrome/canary/

     

     

     

    展开全文
  • typora字体设置颜色的解决方案

    万次阅读 多人点赞 2020-05-25 23:21:05
    typora没有直接设置字体颜色的功能,不能像word一样,选中字体直接设置想要的颜色。 下面两种方案都是偏技术的,对于非技术的小白可能有点困难。 方案一:改html代码 视图——开发者工具(Shift+F12),打开html...

    typora没有直接设置字体颜色的功能,不能像word一样,选中字体直接设置想要的颜色。

    下面第一种方法需安装软件AutoHotKey,操作还算简单;后两种方法都是偏技术的,对于非技术的小白可能有点困难。

    方案一:安装软件AutoHotKey(较简单)

    AutoHotKey是一款著名的windows系统快捷键设置的软件,轻便小巧。

    官方下载: https://autohotkey.com/download/ahk-install.exe

     (1)先安装AutoHotKey

    (2)打开记事本,把如下内容复制粘贴进去:

    ; Typora
    ; 快捷增加字体颜色
    ; SendInput {Text} 解决中文输入法问题
    
    #IfWinActive ahk_exe Typora.exe
    {
        ; Ctrl+Alt+O 橙色
        ^!o::addFontColor("orange")
    
        ; Ctrl+Alt+R 红色
        ^!r::addFontColor("red")
    
        ; Ctrl+Alt+B 浅蓝色
        ^!b::addFontColor("cornflowerblue")
    }
    
    ; 快捷增加字体颜色
    addFontColor(color){
        clipboard := "" ; 清空剪切板
        Send {ctrl down}c{ctrl up} ; 复制
        SendInput {TEXT}<font color='%color%'>
        SendInput {ctrl down}v{ctrl up} ; 粘贴
        If(clipboard = ""){
            SendInput {TEXT}</font> ; Typora 在这不会自动补充
        }else{
            SendInput {TEXT}</ ; Typora中自动补全标签
        }
    }

    (3)将文件保存为ahk后缀的文件,如TyporaHotKey.ahk

    (4)双击运行

    (5)在Typora软件里就可以使用快捷键:

    如按Ctrl+Alt+O添加橙色,Ctrl+Alt+R 红色,按Ctrl+\取消样式!

     

    也可以右键 MyHotkeyScript.ahk 脚本文件,点击Compile Script编译脚本成exe程序,就可以不用下载Autohotkey在其他电脑上运行了。

    上面脚本只写了橙色、红色、浅蓝三种颜色,你可以按需照例增加其他颜色或快捷方式!

     

    方案二:改html代码(懂前端技术超简单)

    视图——开发者工具(Shift+F12),打开html代码调试模式

     按快捷键Shift+F12(可能还需要同时按住Fn)

    <span style="color:文字颜色;background:背景颜色;font-size:文字大小;font-family:字体;">你要改色的文字</span>

    按照这个模板,改字体的style属性即可。

    示例:

    style="color:red"

    style="color:maroon"

    style="color:fuchsia"

    style="color:brown"

    style="color:blue"

    style="color:aqua"

    style="color:green"

    style="color:orange"

    style="color:purple"

    style="color:white;background:black;"

    style="background:yellow"

    style="background:red"

    style="background:orange"

    style="color:white;background:green"

    style="color:white;background:blue"

     方案三:使用内联公式(复杂)

    1.开启使用内联公式

    文件——偏好设置(Ctrl+逗号)——Markdown——勾选“内联公式”——重启Typora

    2.输入公式代码设置颜色

    输入$,按Esc键会自动在后面加上一个$,然后在这两个$之间输入公式。

    如:

    直接在typora里输入:

    $\textcolor{Magenta}{洋红色} $:设置颜色为$\textcolor{RedOrange}{橙红色} $,设置字体颜色为$\textcolor{Blue}{蓝色} $。数学公式里各元素也能分别设置颜色:
    $ \textcolor{red}{\int_a^b}\textcolor{blue}{f(x)}\textcolor{green}{dx}\textcolor{brown}{=c}$

    文本颜色设置公式:

    $\textcolor{red}{这里输入你要改变颜色的文字} $

    颜色公式代码大全:

    $\textcolor{GreenYellow}{GreenYellow} $
    $\textcolor{Yellow}{Yellow}$
    $\textcolor{Goldenrod}{Goldenrod} $
    $\textcolor{Dandelion}{Dandelion}$
    $\textcolor{Apricot}{Apricot} $
    $\textcolor{Peach}{Peach}$
    $\textcolor{Melon}{Melon} $
    $\textcolor{YellowOrange}{YellowOrange}$
    $\textcolor{Orange}{Orange} $
    $\textcolor{BurntOrange}{BurntOrange}$
    $\textcolor{Bittersweet}{Bittersweet}$
    $\textcolor{RedOrange}{RedOrange} $
    $\textcolor{Mahogany}{Mahogany}$
    $\textcolor{Maroon}{Maroon} $
    $\textcolor{BrickRed}{BrickRed}$
    $\textcolor{Red}{Red} $
    $\textcolor{OrangeRed}{OrangeRed}$
    $\textcolor{RubineRed}{RubineRed}$
    $\textcolor{WildStrawberry}{WildStrawberry}$
    $\textcolor{Salmon}{Salmon}$
    $\textcolor{CarnationPink}{CarnationPink}$
    $\textcolor{Magenta}{Magenta} $
    $\textcolor{VioletRed}{VioletRed}$
    $\textcolor{Rhodamine}{Rhodamine} $
    $\textcolor{Mulberry}{Mulberry}$
    $\textcolor{RedViolet}{RedViolet} $
    $\textcolor{Fuchsia}{Fuchsia}$
    $\textcolor{Lavender}{Lavender} $
    $\textcolor{Thistle}{Thistle}$
    $\textcolor{Orchid}{Orchid} $
    $\textcolor{DarkOrchid}{DarkOrchid}$
    $\textcolor{Purple}{Purple} $
    $\textcolor{Plum}{Plum}$
    $\textcolor{Violet}{Violet} $
    $\textcolor{RoyalPurple}{RoyalPurple}$
    $\textcolor{BlueViolet}{BlueViolet}$
    $\textcolor{Periwinkle}{Periwinkle}$
    $\textcolor{CadetBlue}{CadetBlue}$
    $\textcolor{CornflowerBlue}{CornflowerBlue}$
    $\textcolor{MidnightBlue}{MidnightBlue}$
    $\textcolor{NavyBlue}{NavyBlue} $
    $\textcolor{RoyalBlue}{RoyalBlue}$
    $\textcolor{Blue}{Blue} $
    $\textcolor{Cerulean}{Cerulean}$
    $\textcolor{Cyan}{Cyan} $
    $\textcolor{ProcessBlue}{ProcessBlue}$
    $\textcolor{SkyBlue}{SkyBlue} $
    $\textcolor{Turquoise}{Turquoise}$
    $\textcolor{TealBlue}{TealBlue} $
    $\textcolor{Aquamarine}{Aquamarine}$
    $\textcolor{BlueGreen}{BlueGreen} $
    $\textcolor{Emerald}{Emerald}$
    $\textcolor{JungleGreen}{JungleGreen}$
    $\textcolor{SeaGreen}{SeaGreen} $
    $\textcolor{Green}{Green}$
    $\textcolor{ForestGreen}{ForestGreen}$
    $\textcolor{PineGreen}{PineGreen} $
    $\textcolor{LimeGreen}{LimeGreen}$
    $\textcolor{YellowGreen}{YellowGreen}$
    $\textcolor{SpringGreen}{SpringGreen}$
    $\textcolor{OliveGreen}{OliveGreen}$
    $\textcolor{RawSienna}{RawSienna} $
    $\textcolor{Sepia}{Sepia}$
    $\textcolor{Brown}{Brown} $
    $\textcolor{Tan}{Tan}$
    $\textcolor{Gray}{Gray} $
    $\textcolor{Black}{Black}$

     

    展开全文
  • H5开发的时候,有时候明明字体没有那么大,但在chrome中看上去依然很大。... 「chrome://settings/ 显示高级设置-网络内容-自定义字体-最小字号(滑到最小)」设置后再到模拟器里体验         ...

     

    H5开发的时候,有时候明明字体没有那么大,但在chrome中看上去依然很大。就像型号不对一样,但在手机端是正常的。

    这是因为chrome浏览器设置了默认字体。只需要设置一下即可。

     

     

     「chrome://settings/ 显示高级设置-网络内容-自定义字体-最小字号(滑到最小)」设置后再到模拟器里体验  
     

     

     

     

    展开全文
  • C语言 设置控制台字体颜色 SetConsoleTextAttribute http://www.lellansin.com/c语言-设置控制台字体颜色-setconsoletextattribute.html
  • Source Insight字体设置

    千次阅读 2015-12-15 15:56:43
    1.设置symbol window字体 2.将函数名等字体变特殊 快捷键 Alt + F12
  • 设置了16px,用F12看却是18px,这是为什么,怎么让它是16px
  • 问题:我只想把设置里的函数名的字体设置为大号点,加粗,其它的不变 我在“Opertions” -> "Style Properties..." -> "Declare Function"选项里修改了好久都没成功解决方法:快捷键 “Alt + F12”的作用使得 函数名...
  • 幸好博客园在博客设置中提供了自定义的css设置,让我们可以最大限度的设定博客风格。 一、寻找样式名称 如果你仅仅希望知道如何修改,那么可以调过本节,直接进入修改一节。 要修改代码样式就必须找到原本的样式,...
  • F12调试窗口

    千次阅读 2019-03-16 16:08:25
    窗口位置设置2.怎么清除请求信息3.停止记录4.怎么把概述时间轴去掉,使用hide overview 一、F12调试参数详解 1.Elements: 查看当前页面的样式(界面html和Data)结构,以及一些样式或属性,方便修改页面的样式,...
  • Typora字体颜色设置的3种方案

    千次阅读 多人点赞 2021-03-11 16:04:06
    Typora没有直接设置字体颜色的功能,不能像word一样,选中字体直接设置想要的颜色。 于是我在网上为大家找到了三种在Typora工具中设置字体颜色的方案。 下面第一种方法需安装软件AutoHotKey,操作起来比较简单,建议...
  • 可以利用SetConsoleTextAttribute函数实现对控制台字体颜色、下划线等格式的设置 1. SetConsoleTextAttribute函数原型 1 BOOL WINAPI SetConsoleTextAttribute( 2 _In_ HANDLE hConsoleOutput, // 控制台输出流...
  • 字体图标

    2019-11-07 16:28:24
    字体图标 网页图片形式: img 直接拖拽到桌面 background F12 字体图标 自己下载 阿里字体图标库: https://www.iconfont.cn/ 使用 阿里字体图标步骤: ...设置字体图标的 实体符号代码 <li...
  • 一些业务场景中,时尔需要改变表单字体 那如何设置表单字体样式?
  • 文章目录 1、调试类(F7,F8) 2、跳转类(F12) 3、查找类 4、调出 File Toolbar,Build Toolbar 5、设置编码方式 Encoding 6、设置字体 Font Keil 5 常用快捷键如下: 1、调试类(F7,F8) 序号 快捷键 功能 1 F7 ...
  • 设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置。 1, 新建一个网页a.html,把...
  • 讲究的人都要设置字体。 SE80中菜单-Utilities(M) / Settings-ABAP Editor,选择front-end editor new。...此处设置仅针对ABAP Editor,对整个系统字体设置没有任何影响。 如果需要对系统整个...
  • 一、修改字体  没想到zend studio 10中对中文显示不太好看,似乎有点小了。修改如下:打开Window->Preferences->General->Appearance->Colors and Fonts,找到Basic->Text Font,如果想用系统默认字体,就点Use ...
  • 新版Edge检查项F12控制台改为英文

    千次阅读 2020-08-25 13:53:23
    打开F12,点击右上角的三个点,进入设置 把匹配浏览器语言这个勾去掉就可以了
  • 做移动端页面,有时在谷歌f12调试时,字体会出现异常放大情况 如下图: 首先,这个不是bug,是Chromium内核提高移动端文本可读性的一个特性,叫做这个特性被称做「Text Autosizer」,又称「Font Boosting」、「Font...
  • Fedora 21 透明终端以及字体设置 guake

    千次阅读 2015-07-29 15:15:31
    看贴吧,以前的Fedora版本里是可以将终端设置为透明背景的,想想是不是很高大上,而且很实用,可以愉快地抄写其他界面的代码 可是现在的Fedora 21 22版本的Gnome 3都是不支持的,人Ubuntu还可以装深度终端实现透明...
  • 1.设置成Eclipse的快捷键 选择默认快捷键类型 设置成了Eclipse风格的快捷键之后,但是还是有一些快捷键是有冲突的。2、修改自动补全的快捷键 在搜索框中输入Completion,找到Main Menu –> Code –> Completion...
  • F12 开发人员工具控制台错误消息

    万次阅读 2015-07-24 10:09:04
    此内容参考较早版本的 F12 工具。请查看最新的 F12 工具文档。 F12 工具控制台可以报告在运行时期间发生的错误和信息消息。本文将介绍错误消息,并提供有关如何修正这些错误的建议。 简介 F12 工具控制台...
  • 如何使用浏览器的F12开发者工具调试页面?

    万次阅读 多人点赞 2018-05-27 22:25:23
    通常前端程序员在按照UI效果图编辑网页时,不可能一口将全部的代码全部写好,通常情况是编写边调,经过反反复复的调试后才能达到要求的效果,这时候用Chrome浏览器的F12开发者工具能形象直观的帮助程序员调试自己的...

空空如也

空空如也

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

f12设置字体