草庐IT

font-size

全部标签

html - 在 Microsoft Edge 中使用@font-face

我在这里处理一个奇怪的问题。当我使用@font-face时,MicrosoftEdge浏览器似乎没有加载字体。我检查了所有运行Windows10和MicrosoftEdge的计算机。我检查了http://caniuse.com/#search=font%20face它说font-face与Edge兼容所以我不知道发生了什么。在我的示例中,我只有一个div及其字体参数。CSS@font-face{font-family:'Dosis';font-style:normal;font-weight:200;src:local('DosisExtraLight'),local('Dosis-E

html - 在 CSS 中,VW 和 EM 有什么区别?

我想知道VW和EM之间的主要区别是什么,因为它们都随窗口大小缩放,并且都在响应式设计中使用。 最佳答案 IamwonderingwhatisthemaindifferencebetweenVWandEM,asbothofthetheyscalewiththewindowsizeandbothofthemareusinginresponsivedesign.VW是——正如一些人正确指出的那样——视口(viewport)的百分比宽度。考虑到小型智能设备通常具有高而窄的视口(viewport),而更大的笔记本电脑类型设备具有更多信箱形状的

html - 在 CSS 中,VW 和 EM 有什么区别?

我想知道VW和EM之间的主要区别是什么,因为它们都随窗口大小缩放,并且都在响应式设计中使用。 最佳答案 IamwonderingwhatisthemaindifferencebetweenVWandEM,asbothofthetheyscalewiththewindowsizeandbothofthemareusinginresponsivedesign.VW是——正如一些人正确指出的那样——视口(viewport)的百分比宽度。考虑到小型智能设备通常具有高而窄的视口(viewport),而更大的笔记本电脑类型设备具有更多信箱形状的

html - 网站 CSS 和字体大小 - 最佳实践

在我的网站CSS中,我使用EM、PX、PT和百分比来设置字体大小。我也在使用使用EM的JQueryUI。我现在已经到了需要将所有字体大小调整为略小的地步。总而言之,将所有字体大小缩小一点最好的方法是什么?我是否应该改变我处理字体大小的方式?每个人似乎对这个话题都有不同的看法。 最佳答案 根据我的理解。你必须做的是这样的事情:body{font-size:11px;}这将使1em=11px现在到处都可以设置em中的字体大小,例如:a{font-size:1em;}并按照相同的方式处理所有元素,例如h1{font-size:2em;}现

html - 网站 CSS 和字体大小 - 最佳实践

在我的网站CSS中,我使用EM、PX、PT和百分比来设置字体大小。我也在使用使用EM的JQueryUI。我现在已经到了需要将所有字体大小调整为略小的地步。总而言之,将所有字体大小缩小一点最好的方法是什么?我是否应该改变我处理字体大小的方式?每个人似乎对这个话题都有不同的看法。 最佳答案 根据我的理解。你必须做的是这样的事情:body{font-size:11px;}这将使1em=11px现在到处都可以设置em中的字体大小,例如:a{font-size:1em;}并按照相同的方式处理所有元素,例如h1{font-size:2em;}现

html - 相当于 <big> 的 CSS

的CSS等价物是什么?元素?如果我没记错的话,请将您的文字包装在中元素与设置更大的font-size不同. 最佳答案 谷歌浏览器说:big{font-size:larger;}那应该是对应的CSS。无论如何,确保不要使用像big这样的标签,因为它们违反了HTML应该用于描述内容而不是外观的规则。你可以选择这样的东西:Myimportanttext并在CSS中使用它:span.important-text{font-size:larger;}哪个是正确的形式,而Myimportanttext不正确。

html - 相当于 <big> 的 CSS

的CSS等价物是什么?元素?如果我没记错的话,请将您的文字包装在中元素与设置更大的font-size不同. 最佳答案 谷歌浏览器说:big{font-size:larger;}那应该是对应的CSS。无论如何,确保不要使用像big这样的标签,因为它们违反了HTML应该用于描述内容而不是外观的规则。你可以选择这样的东西:Myimportanttext并在CSS中使用它:span.important-text{font-size:larger;}哪个是正确的形式,而Myimportanttext不正确。

HTML & CSS : How to create four equal size tabs that fill 100% width?

我正在尝试为我的网站创建一个导航面板。我希望它包括:四个大小相等的选项卡,每个选项卡中的文本居中。它们应该填满整个页面宽度。我非常希望设计灵活且浏览器友好。我尝试了各种float技术,但我无法让它发挥作用。我希望你能帮助我!谢谢。 最佳答案 HTML编辑:现在是2015年,HTML5已经存在了一段时间;以下代码应在nav中元素(html5doctor)具有地标ARIA属性role="navigation"在它上面(并且99.9%的时间在任何给定页面中都是唯一的)。导航面板应该使用无序列表的链接:OneSecondThirdFourt

HTML & CSS : How to create four equal size tabs that fill 100% width?

我正在尝试为我的网站创建一个导航面板。我希望它包括:四个大小相等的选项卡,每个选项卡中的文本居中。它们应该填满整个页面宽度。我非常希望设计灵活且浏览器友好。我尝试了各种float技术,但我无法让它发挥作用。我希望你能帮助我!谢谢。 最佳答案 HTML编辑:现在是2015年,HTML5已经存在了一段时间;以下代码应在nav中元素(html5doctor)具有地标ARIA属性role="navigation"在它上面(并且99.9%的时间在任何给定页面中都是唯一的)。导航面板应该使用无序列表的链接:OneSecondThirdFourt

html - 为什么 Windows 和 Mac OS X 上的行高存在 @font-face 差异?

我一直在寻找一个小时的答案,但没有运气。我使用“line-height”CSS属性将文本在框内垂直居中。这适用于标准安全字体,也适用于Windows上的“@font-face”字体嵌入。然而,在Mac上,使用“@font-face”的这种居中方式存在问题。请参阅:http://cl.ly/QBlE/o我不知道该怎么办。解决此问题的唯一方法是为Mac使用不同的行高。但据我所知,如果没有JavaScript或服务器端编程,这是不可能的,而且似乎不是适合我的解决方案。示例(顶部的蓝色框):#header.login{text-decoration:none;margin:11px9px09p