程序设计 html

3

如何@font-face在CSS中使用多于规则的内容？我已将其插入样式表中： body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: local('☺'), url('gestareg-webfont.woff') format('woff'), url('gestareg-webfont.ttf') format('truetype'), url('gestareg-webfont.svg#webfontg8dbVmxj') format('svg'); } 当前，这仅适用于网站上的整个文本。但是，我想指定h1使用其他字体。我怎样才能做到这一点？

78 html css fonts font-face webfonts

1

CSS3单向过渡？

使用CSS3过渡，可以对任何属性产生“平滑”和“平滑”效果。我可以将其设置为仅具有“平滑”效果吗？我希望该解决方案仅在CSS中使用，如果可能的话，避免使用JavaScript。逻辑流程：用户点击次数元素过渡需要0.5秒钟才能将背景颜色从白色更改为黑色用户放开鼠标左键过渡需要0.5秒钟才能将背景颜色从黑色更改为白色我想要的是：用户点击元素转换需要0秒才能更改用户放开鼠标键过渡需要0.5秒才能更改... 没有“过渡”时间，但是有“过渡”时间。

78 html css

7

html5货币/货币输入

我似乎无法计算出用于接受表格中货币价值的内容。我努力了... <input type="number" min="0" max="10000" step="1" name="Broker_Fees" id="broker_fees" required="required"> 但是那将不允许便士进入。我希望增量按钮控件以磅为单位上升，但仍然希望能够输入便士。谁想使用一次移动1p的增量按钮？也许我使用了错误的控件，但是找不到货币/货币控件？有人可以建议使用HTML5接受货币值（包括逗号，小数位和货币符号）的最佳方法吗？谢谢，1DMF

78 html currency-formatting

4

您可以在HTML脚本标签上同时使用async和defer属性吗？

我想同时使用defer和加载以下JavaScript代码async： <script defer async src="/js/somescript.js"></script> 由于deferInternet Explorer 5.5+支持此功能，如您在CanIUse.com上看到的那样，如果异步不可用，我想优雅地退回到使用defer。我认为最好使用异步，但要在Internet Explorer 10之前不支持它。因此，我的问题是上述代码是否为有效的HTML？如果没有，是否有可能使用JavaScript来创建这种情况，而当无法使用JavaScript时，它会优雅地回退到defer在脚本上async使用？

78 javascript html asynchronous

1

MutationObserver在整个DOM中检测节点的性能

我对MutationObserver用于检测某个HTML元素是否添加到HTML页面中的任何位置感兴趣。例如，我要说的是，我想检测是否<li>在DOM中的任何位置添加了。 MutationObserver到目前为止，我所看到的所有示例仅检测是否将节点添加到特定容器中。例如：一些HTML <body> ... <ul id='my-list'></ul> ... </body> MutationObserver 定义 var container = document.querySelector('ul#my-list'); var observer = new MutationObserver(function(mutations){ // Do something here }); observer.observe(container, { childList: true, attributes: true, characterData: true, subtree: true, attributeOldValue: true, characterDataOldValue: true }); 因此，在此示例中，MutationObserver安装程序将监视非常特定的容器（ul#my-list），以查看是否将任何<li>附加到该容器。如果我不想那么具体，并<li>在整个HTML正文中关注，是否会出现这样的问题： var container = document.querySelector('body'); 我知道它可以在我为自己设置的基本示例中起作用...但是不建议这样做吗？这会导致性能下降吗？如果是这样，我将如何检测和衡量该性能问题？我认为也许有一个原因，所有MutationObserver示例都针对其目标容器如此具体...但是我不确定。

78 javascript html mutation-observers

8

设置输入类型的样式=数字

是否可以<input type="number">在CSS的内部“向上箭头”和“向下箭头”中应用样式？我想将向上箭头的背景更改为蓝色，将向下箭头的背景更改为红色。有任何想法吗？

78 html css

12

可编辑div的占位符

我有以下内容：FIDDLE 占位符可以很好地工作，直到您输入ctrl+A和为止delete。如果这样做，则占位符将消失并且不再显示。怎么了？如何为内容可编辑的div使用占位符？ HTML： <div class="test" placeholder="Type something..." contenteditable="true"></div> CSS： .test { width: 500px; height: 70px; background: #f5f5f5; border: 1px solid #ddd; padding: 5px; } .test[placeholder]:empty:before { content: attr(placeholder); color: #555; } 谢谢。

78 javascript jquery html css

5

CSS颜色与背景颜色与背景颜色？

在HTML中，什么时候使用颜色，background-color和background标签之间有什么区别？有什么区别？

78 html css

1

如何将颜色应用于SVG文本元素

好吧...我要疯了。我已经开始尝试SVG。使用SVG并将CSS类应用于它就像是一种魅力。我只是不知道自己在做什么错，但我只是无法让该类在svg文本元素上工作。我已经将其完全剥离，这就是我得到的： <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>Playground</title> </head> <body> <style type="text/css"> .mainsvg { height: 320px; border: 1px solid red; width: 400px; } .caption { color: yellow; } </style> <h2>SVG - Sandbox</h2> <div> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="mainsvg"> <text x="65" y="40" class="caption">Fact</text> </svg> </div> </body> </html> 根据http://www.w3.org/TR/SVG/styling.html#ClassAttribute，这应该有效... 关于更改内容或替代方法的任何提示/技巧？

78 html css text svg

4

验证单选按钮AngularJS

这似乎应该很容易，但是我没有找到答案。我有一个表格，需要核实是否已从广播组中进行选择。我尝试在单选按钮上使用'required'属性，但是在验证表单后，除非所有单选按钮都被选中（设计上是不可能的），否则它将抱怨。在AngularJS中验证无线电组选择的正确方法是什么？ <form name="myForm" ng-submit="submitForm()" ng-controller="ExampleController"> <input type="radio" ng-model="color" value="red" required> Red <br/> <input type="radio" ng-model="color" value="green" required> Green <br/> <input type="radio" ng-model="color" value="blue" required> Blue <br/> <tt>color = {{color | json}}</tt><br/> <button type="submit">Submit</button> </form> 单击Plnkr中的“提交”按钮将显示该行为。 http://plnkr.co/edit/3qcIbMvJk19OvokcHe2N?p=预览

78 javascript html forms angularjs

2

使用DOM将SVG元素添加到现有SVG中

我有一个类似于以下代码的HTML构造： <div id='intro'> <svg> //draw some svg elements <svg> </div> 我希望能够使用javascript和DOM向上面定义的SVG中添加一些元素。我该怎么做？我在想 var svg1=document.getElementById('intro').getElementsByTagName('svg'); svg1[0].appendChild(element);//element like <line>, <circle> 我对使用DOM或如何创建要传递给appendChild的元素不是很熟悉，因此请帮助我解决这个问题，或者向我展示解决该问题的其他替代方法。非常感谢。

78 javascript html dom svg

10

值为空时使用Thymeleaf

我的数据库中有一些值，如果尚未输入，则可以为null。但是，当我在HTML中使用Thymeleaf时，解析空值时会出现错误。有什么办法可以解决这个问题？

78 html null thymeleaf

6

如何强制脚本重新加载并重新执行？

我有一个页面正在从第三方（新闻提要）加载脚本。src脚本的url在加载时动态分配（根据第三方代码）。 <div id="div1287">  </div> <script id="script0348710783" type="javascript/text"> </script> <script type="javascript/text"> document.getElementById('script0348710783').src='http://oneBigHairyURL'; </script> http://oneBigHairyURL然后从中加载的脚本创建并加载具有新闻提要中各种内容的元素，并以漂亮的格式等将其加载到其中div1287（传入ID“ div1287”，http://oneBigHairyURL以便脚本知道在何处加载内容）。唯一的问题是，它只会加载一次。我希望它每n秒重新加载一次（从而显示新内容）。所以，我想我会尝试一下： <div id="div1287">  </div> <script id="script0348710783" type="javascript/text"> </script> <script type="javascript/text"> loadItUp=function() { alert('loading...'); var divElement = document.getElementById('div1287'); var scrElement = document.getElementById('script0348710783'); …

78 javascript html feed script-tag

15

单选按钮和标签显示在同一行

为什么我的标签和单选按钮不会停留在同一行，该怎么办？这是我的表格： <form name="submit" id="submit" action="#" method="post"> <?php echo form_hidden('what', 'item-'.$identifier);?> <label for="one">First Item</label> <input type="radio" id="one" name="first_item" value="1" /> <label for="two">Second Item</label> <input type="radio" id="two" name="first_item" value="2" /> <input class="submit_form" name="submit" type="submit" value="Choose" tabindex="4" /> </form>

78 html css

20

如何使用JavaScript检测移动设备？

我被要求创建一个实际的HTML页面/ JavaScript，以使用JavaScript代码模拟对移动设备（iPhone / iPad / Android）的检测。然后，这会将用户带到另一个屏幕，询问用户其电子邮件地址。

78 javascript html mobile device

Questions tagged «html»