草庐IT

font-style

全部标签

html - 使用 Font Awesome 进行星级评定在 Edge 和 IE 上无法正常工作

使用下面提供的宽度定义的FontAwesome的星级评分在Chrome和Firefox上运行良好,但在Edge和IE上则不然。任何人都知道它会是什么?JSFiddleChrome和火狐边缘和IE.star-rating{display:inline-block;position:relative;line-height:1;}.star-rating:before,.star-rating:after{content:"\f005\f005\f005\f005\f005";display:block;font-family:"FontAwesome";font-size:25px;co

html - 为什么 <style> block 被认为是不安全的标记?

我最近插入了PageDown对来自文本区域的一些HTML输入进行清理,我注意到它修剪掉了“样式”元素。我只是想知道为什么这些被认为是不安全的? 最佳答案 IE有一个特殊的CSS特性allowsJavaScripttobeembeddedwithinCSS.仅此一项就足以成为想要禁止的理由标签。behavior:也可以在style中输入表达式属性,因此您应该确保删除style来自whitelist的属性,或将特定样式列入白名单。您不应该不尝试将样式列入黑名单,因为脚本可以通过多种方式进入样式,并且有planstoaddmoreinth

html - 为什么 font-size 在 CSS 中不等于宽度和高度?

我有以下HTML代码:H和以下CSS:p{border-style:solid;border-color:black;border-width:1em;font-size:1em;height:1em;width:1em;padding:0em;}为什么内容框的高度和宽度不等于字体大小。为什么字母H和边框之间有空隙,如下面的输出。Output 最佳答案 这是因为字体不是这样设计的。例如,字母a在顶部包含相当大的空白block,好吧,同样的事情发生在H上。当您实际选择文本时可以看到它。H的形状不是构成字符的轮廓。它是由字体设计师定义的

html - @font-face 停止滚动捕捉点工作?

我知道它仍然是非常新的和实验性的,但一直在玩cssscroll-snap,并且有一段时间无法让它工作。我最终意识到,虽然我在我的CSS中使用了@font-face,但滚动对齐不起作用。如果我将字体系列更改为“Arial”而不是我定义的字体,它可以正常工作。还有其他人遇到过这个吗?代码笔:https://codepen.io/galvinben/pen/LgzLxK@font-face{font-family:'fontName';src:url('https://fontlibrary.org/assets/fonts/bebas/b98870e552991cf3daa1031f9fb

javascript - R Shiny 仪表板: specifying div style width argument as percentage to fit a resizeable JS plot

任务:使用R和shinydashboard,在仪表板正文中嵌入自定义Javascript生成的图表。以百分比形式指定图的宽度,这样无论查看者的屏幕设置如何,图都会占据它的列(或框)。设置:R(3.5.2)、shiny(1.2.0)和shinydashboard(0.7.1).仪表板代码(简化的可重现示例)如下:library(shiny)library(shinydashboard)ui相应的Javascript文件myscript.js放置在相对于应用程序文件本身的www子文件夹中,如下所示://JSPlotwithEcharts4option={xAxis:{type:'categ

html - 渲染性能 : style attributes or classnames and stylesheet rules?

我正在构建数据可视化,渲染性能至关重要。我的问题与沼泽标准HTML相关,尽管我碰巧使用SVG和JavaScript。好的,一个假设的场景:假设我有10,000个DOM节点,带有background-color“red”,以及10,000个带有background-color的DOM节点的“green”。每个节点都是由JavaScript循环创建的。我可以:设置style每个节点上的属性,指定background-color节点的:设置class每个节点上的属性,然后在内联样式或外部样式表中引用该类:.foo{background-color:red;}下载代码的性能在这里一点都不重要—

css - 你如何指定一个 :link style in a div class implementation?

我在...中有一个anchor标签在我的HTML标签中,我有.foo{white-space:nowrap;text-shadow:0-1px0#000;color:#000;font-family:HelveticaNeue,Helvetica,arial;font-size:12px;}如何才能在此类中指定a:link{COLOR:#ffff;}? 最佳答案 如果你的结构是...您可以这样设置未访问链接的样式:.fooa:link{color:#fff;}注意:使用3个或6个f,而不是4个。

html - 将@font-face 与嵌入在当前 HTML 页面中的 SVG 字体一起使用

我有一个要分发的独立HTML文档,没有任何外部依赖项。我在本文档中使用了只有我的一些用户会安装的非标准字体。对于那些没有安装字体的用户,我在顶部的嵌入式SVG文档中包含了一份字体副本。.(我在这个例子中使用的是单字形字体,真实文档使用的是完整的字体。)SVG字体看起来不如普通字体好看,所以我只想在本地没有安装字体的情况下使用SVG字体。如果字体是在外部SVG文档中定义的,我可以以低于本地安装字体的优先级使用它,如下所示:(fiddle)@font-face{font-family:"MyFont";src:local("MyFont"),url("fonts.svg#MyFontEle

javascript - VueJS v 绑定(bind) :style for background-image: url()

根据VueJS文档:我尝试了几种模式:但结果对HTML无效style属性。有什么想法吗? 最佳答案 尝试其他模式后,这是有效的模式:结果: 关于javascript-VueJSv绑定(bind):styleforbackground-image:url(),我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/40666716/

php - 使用 :hover for an element's inline style (using HTML/CSS/php)

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicates:HowdoIembedan“a:hover{…}”ruleintoastyleattributeinthemiddleofadocument?Howtowritea:hoverininlineCSS?我想动态更改元素的悬停颜色,但不使用外部CSS样式表,只能内联。这是代码(使用php生成元素)echo''.$contents.'';当用户将鼠标悬停在该容器元素上时,颜色样式将更改为$color的值(此时没有悬停)。如有任何帮助,我们将不胜感激。