草庐IT

font-style

全部标签

javascript - HTML:通过 JavaScript 添加 <STYLE> 和 <SCRIPT> 标签

如果网页中的JavaScript函数将STYLE或SCRIPT元素添加到HEAD元素,浏览器是否会加载指定的样式和脚本,或者在页面加载后是否会忽略对DOM的此类编程更改?该行为是否适用于所有主流浏览器? 最佳答案 是的,您可以通过JavaScript添加脚本和样式表,它们会起作用。例如,GoogleAnalytics就是这样做的。 关于javascript-HTML:通过JavaScript添加和标签,我们在StackOverflow上找到一个类似的问题: h

html - 使用 CSS @font-face 时,浏览器以什么顺序使用不同的类型?

当在CSS中使用@font-face时,是否在任何地方记录了每种主要浏览器的字体类型,以及如果缺少一种或多种字体类型,它们赋予不同字体类型的优先级?我尝试用谷歌搜索答案,但失败了。@font-face{font-family:'myfont';src:url('myfont.eot');src:url('myfont.eot?#iefix')format('embedded-opentype'),url('myfont.woff')format('woff'),url('myfont.ttf')format('truetype'),url('myfont.svg#myfont')for

html - 如何在元素之前添加 Font Awesome 图标

这个问题在这里已经有了答案:UsingFontAwesomeiconforbulletpoints,withasinglelistitemelement(7个答案)FontAwesome5showsemptysquarewhenusingtheJS+SVGversion(3个答案)关闭4年前。您好,我正在尝试在元素之前和之后添加超赞字体图标。但是我不知道如何编写它的css以及如何获取超赞字体图标链接以将其放在css之前之后。我创建了一个这样的结构。 .thish{position:relative;height:150px;width:150px;background:re

html - 仅加载该页面中使用的@font-face

我的样式表中有多个@font-face字体,有没有办法只加载该页面上使用的字体?除了为具有该字体的每个页面加载单独的样式表之外。 最佳答案 我不知道浏览器是如何真正实现它的,但是CSSFontsModuleLevel3在其“Fontloadingguidelines”部分中说,浏览器必须只下载当前页面中使用的字体:The@font-faceruleisdesignedtoallowlazyloadingoffonts,fontsareonlydownloadedwhenneededforusewithinadocument.Asty

python - Django 给出 "GET/static/css/style.css HTTP/1.1"304 0

好的,我的Index.html是Kodeworms样式.css.logged-out{background-image:href=("{{STATIC_URL}}img/landing.jpg")no-repeatcenter30px;background-size:90%;}现在我的index.html存储在*project_name/project_name/templates*我的style.css存储在*project_name/assets/css*图像存储在*project_name/assets/img*我的setting.py是#DjangosettingsforBE.

javascript - 手机间隙 : how Control the font size of the Mobile?

在Phonegap中我遇到了这个问题,如果我们将移动设备的字体大小从设置更改为正常到大,那么应用到应用程序的css就会中断。那么如何克服这个问题呢?我进行了很多搜索,但找不到任何相关解决方案。任何帮助或建议都会有所帮助。当设备字体大小正常时,它工作正常。Imagehere当我将设备字体大小从设置>显示>字体更改为大Imagehere 最佳答案 刚找到完全符合我需要的解决方案。通过使用thisplugin.只需在index.js的onDeviceReady函数中写入以下内容。if(window.MobileAccessibility)

html - 试图将 Font Awesome 图标放在 div 的中间

我有一个带有图标和一些文本的基本div。如果我不尝试更改图标的大小,它会完美对齐。但我希望图标更大但仍位于文本中心。问题是图标没有位于div的中央,它似乎向上移动,所以文本最终排在图标的底部,图标位于div的较高位置。我希望文本以图标为中心,因为图标将以div为中心....你可以在这个fiddle上看到它;http://jsfiddle.net/8mjN7/1/拉进来CSSdiv{border:1pxsolidred;line-height:40px;padding:10px0px;font-size:14px;}i{margin-left:10px;font-size:30px;}H

html - 标记/样式最佳实践 : How to efficiently distribute style rules over CSS classes?

假设我有一些HTML页面和相应的CSS文件。我想为某些元素添加圆Angular。我想在每个其他部分交替使用背景颜色。我想为每个部分标题添加悬停状态。依此类推-我一直在造型、造型和造型。在我看来,存在三个极端,它涉及按类、按id和按层次结构在标记上分发CSS规则的“谁、什么、何时、何地、为什么和如何”。极端#1:每个样式规则都基于一个ID。极端#2:每个样式规则都基于一个类。极端#3:每个样式规则都基于DOM层次结构。显然,前端Web开发的禅宗包括类重用与独特规则与层次结构之间的健康平衡,因为这三个极端中的任何一个都会对浏览器性能、可维护性和代码大小造成严重破坏。我认为。还是我错了?如何

html - 在 style 属性中为子节点设置 CSS 样式

是否可以在不使用中的元素的情况下从父节点的样式中设置子节点的样式?例如我有一个表格,其中有一行(下面的第一行),我希望TD元素中的所有文本的字体大小为7pt。类似于:cell1shouldbeformattedto7ptfontcell2shouldbeformattedto7ptfontcellwithoutformatanothercellwithoutformat谢谢,授予 最佳答案 cell1shouldbeformattedto7ptfontcell2shouldbeformattedto7ptfontcellwithou

html - 为什么有些开发者两次定义 font-size 的单位不同?

我使用入门主题开发网站主题,我看到开发人员使用不同的单位两次定义属性,例如:body,button,input,select,textarea{color:#404040;font-family:sans-serif;font-size:16px;font-size:1rem;line-height:1.5;}这背后的原因是什么? 最佳答案 在您提供的示例中,定义的第一个font-size(16px)将为不支持的浏览器提供回退rem单位。确实支持rem单位的浏览器将使用后者font-size(1rem),因为它是在首先,因此取代它。