Tag: html

在CSS中使用多个@ font-face规则: 如何在我的CSS中使用超过@font-face规则？我已经插入到我的样式表中： body { background: #fff url(..http://img.dovov.combody-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使用不同的字体。我怎样才能做到这一点？

什么做<form action =“＃”>和<form method =“post”action =“＃>呢？: 我正在阅读一本关于html开发的书（我相当熟悉），尽pipe这本书刚刚在一个月前（2011年11月）第一次出版，但作者是一位经验丰富的编码人员，可能会使用#在一个forms的行动是旧学校？因为我试图得到示例代码的要点，我找不到form action="#"的解释，尽pipesearch <form action="#"> 在谷歌，在SO，并在www.w3schools.com。任何人都知道#行动对于表单的含义？

按百分比分配的宽度，但想要以像素为单位: .test { border: 1px solid; cursor: pointer; height: 10px; position: relative; width: 100%; } <div id="test1" class="test"></div> 我已经显示了我的HTML id和它的CSS。现在当我做$('#test').width()我得到100 。我想它的像素width （不是% ）。任何人都可以告诉如何获得像素的宽度？

什么字符代表文本区域中的新行: 只要快一点，但要确保我抓住了跨平台的变化。我喜欢将input到文本区域的新行转换为[逗号]，以便输出可以在一行中表示，我的问题… 目前，从谷歌浏览器发送，当我查看的价值，我发现它使用\r\n新行。如果我replace\r\n我知道它可以在Windows 7上使用chrome，但其他平台呢，其他浏览器会在文本区域中插入一行作为新行吗？

Twitter下拉式引导内联input: 我试图显示一个文本input内嵌下拉button。我不知道如何做到这一点。这里是我尝试过的HTML（我把它放在一行中，没有结果）： <div class="input-append"> <input type="text" placeholder="foo" class="input-mini"> <div class="btn-group"> <a id="amount_type" class="btn dropdown-toggle" data-toggle="dropdown" href="#">10<span class="caret"></span></a> <ul id="amount_type_options" class="dropdown-menu"> <li class="selected"><a href="#">10</a></li> <li><a href="#">100</a></li> <li><a href="#">1000</a></li> </ul> </div> </div> 这可能吗？谢谢

在HTML文本input中select文本时更改高亮颜色: 我一直在整个networking寻找这个，甚至找不到任何人，甚至不问这个问题，更不用说解决scheme… 当文本被选中时，有没有办法改变文本input内高亮区域的颜色？不是突出显示边框或背景，而是实际选定文本时显示在文本周围的部分。

使用wkhtmltopdf从HTML生成Google Web字体和PDF: 我正在使用wkhtmltopdf来转换PDF格式的HTML文件; 它给出了令人惊讶的好结果，完全按照WebKit所做的那样呈现PDF。我使用Google Web字体让用户可以自定义他们编辑的文档的出现，为他们提供在几种字体之间进行select的可能性。它也可以在浏览器中正常工作。问题是，使用wkhtmltopdf将这些HTML文件转换为PDF时，我无法使用Google字体。我读过其他人有同样的问题。任何人都可以帮我解决这个问题吗？编辑：直接在CSS中声明@ font-face不起作用。

CSS液柱，固定边距; 圣杯的圣杯: 更新和总结我觉得有必要把这个问题更清楚一些，现在有一个奖金。（另外，我非常确定，当calc() CSS3单元值被支持时，这将是孩子们的玩法，像width: calc(25% – 5px) ;尽pipe我们可能会在我们的脑海中浏览互联网那点）我正在为一些共享devise需求的项目开发CSS框架。即stream体12列布局。使用百分比宽度为(100% / 12) x col_size浮动.column元素，这是相当容易的。但是，问题随着列之间的固定边距（或任何forms的间距）的增加而增加。我最初的尝试使用了所描述的stream体列，每个嵌套了一个.panel子.panel 。下面是HTML / CSS代码片段（为简洁起见）： .column{ float: left; display: inline-block; } .width-01{ width: 8.3333%; } .width-02{ width: 16.6666%; } .width-03{ width: 25%; } /* etc */ .panel{ width: 100%; padding: 5px; box-sizing: border-box; […]