Tag: html
如何将边距或填充设置为父容器高度的百分比？
我一直在绞尽脑汁创build一个垂直alignment的CSS使用以下 .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } 并使用下面的div结构。 <div class="base"> <div class="vert-align"> Content Here </div> </div> 虽然这似乎适用于这种情况下，我很惊讶，当我增加或减less我的基本股的宽度，垂直alignment将突然。 我期待，当我设置填充顶部属性，它将填充作为父容器的高度的百分比，这是基于我们的情况，但50％的上述值计算为百分比宽度。 🙁 有没有办法设置填充和/或边距为高度的百分比，而不诉诸使用JavaScript？ 提前致谢。
使用CSS定位HTML元素相对于其容器的位置
我正在尝试使用HTML和CSS创build一个水平的100％堆积条形图。 我想创build带有背景颜色和百分比宽度DIV的酒吧，取决于我想要绘制的值。 我也想要一个网格线来标记图中的任意位置。 在我的实验中，我已经通过分配CSS属性float: left来获得水平堆叠的条。 不过，我想避免这种情况，因为它似乎混乱的布局混乱的方式。 另外，网格浮动时，网格似乎不能很好地工作。 我认为，CSS定位应该能够处理这个，但我还不知道如何去做。 我想能够指定相对于其容器左上angular的几个元素的位置。 我经常遇到这样的问题（即使在这个特定的graphics项目之外），所以我想要一个方法是： 跨浏览器（理想情况下，没有太多的浏览器黑客） 以怪癖模式运行 尽可能清晰/干净，方便定制 如果可能，请不要使用JavaScript。
HTML列表样式types的短划线
有没有办法用短划线（即 – 或 – –或 – — ）在HTML中创build列表样式 <ul> <li>abc</li> </ul> 输出： – abc 我发现这样做的东西像li:before { content: "-" }; ，虽然我不知道这个选项的缺点（并且会有很多反馈意见）。 更一般地说，我不介意如何使用列表项的通用字符。
你如何确定一个网站build立在什么技术上？
通常我会遇到一个漂亮的或function性的网站，并想知道用什么技术来创build它。 有什么技术可以找出一个特定的网站build立了什么？ 很less的框架似乎包括任何types的生成器元标签，如web编辑器。 是否有任何特定语言和/或框架的迹象？ 答案摘要 网站url可能背离了框架和/或编程语言，但不能被依赖（例如文件扩展名如.asp）。 HTTP响应头，cookies，样式表和源注释也可能提供线索。 一些用于查询网站细节的好工具（毫无疑问还有更多）： BuiltWith DomainTools 天网 W3Techs SimilarTech Firefox插件： Wappalyzer – CMS，框架/图书馆，电子商务，留言板等 域详细信息 – IP，国家和networking服务器的详细信息 库检测器 – 正在使用的Javascript库 Chrome扩展程序： Wappalyzer SimilarTech PageXray 小书签： WTFramework – 显示正在使用的Javascript框架
标签：.ico或.png /正确的标签？
在HTML5文档中，您推荐哪种favicon格式，为什么？ 我希望它得到IE7和所有现代浏览器的支持。 另外，当使用.png时，是否需要指定types（type =“image / png”）？
在Notepad ++中格式化代码
是否有一个键盘快捷键来格式化Notepad ++中的代码？ 我主要使用HTML，CSS和Python代码。 例如： <title>{% block title %} {% endblock %}</title> <link rel="stylesheet" href="/media/style.css" type="text/css" media="screen" /> </head> 至： <head> <title> {% block title %} {% endblock %} </title> <link rel="stylesheet" href="/media/style.css" type="text/css" media="screen" /> </head> 我记得Visual Studio使用Ctrl + K + D和NetBeans的function，但是在Notepad ++中找不到它，如果它甚至可以的话。
我可以改变Font Awesome的图标颜色吗？
出于某种原因，我必须将我的图标包裹在<a>标签中。 有什么可能的方法来改变一个字体真棒图标的颜色为黑色？ 或者只要它包裹在<a>标签中是不可能的？ 字体真棒应该是字体不是图像，对不对？ <a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
在Node.js中加载基本的HTML
这里只是一个简单的Node.js noob问题。 我试图找出如何加载和“显示”一个基本的HTML文件，所以我不必编写像response.write('…<p>blahblahblah</p>…'); 。
我如何让字画更大？ （更改大小？）
我想使全球的graphics更大，以便覆盖大部分的页面（这是一个vector图像）。 这不是在一个button或任何东西; 只是一个人而已 有没有办法做到这一点？ <div class = "jumbotron"> <span class="glyphicon glyphicon-globe"></span> </div>
CSS / HTML：什么是使文本斜体的正确方法？
什么是使文本斜体的正确方法？ 我看到了以下四种方法： <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> 这是“老路”。 没有语义意义，只能performance文字斜体的performance效果。 据我所知，这显然是错误的，因为这是非语义的。 <em> 这将语义标记用于纯粹的表示目的。 只是默认情况下，默认情况下是以斜体呈现文本，所以经常被那些意识到应该避免但不知道其语义含义的人使用。 不是所有的斜体文字都是斜体的，因为它被强调了。 有时，它可能是完全相反的，就像一个旁注或一个耳语。 <span class="italic"> 这使用一个CSS类放置演示文稿。 这经常被吹捧为正确的方式，但是，这似乎是错误的。 这似乎没有传达更多的语义意义。 但是，支持者们呼喊，如果你想要大胆的话，以后要更改所有的斜体文字要容易得多。 然而，情况并非如此，因为我将留下一个名为“italic”的类，使文本变成粗体。 此外，我不清楚为什么我要改变我的网站上的所有斜体文字，或者至less我们可以想到这样的情况，这是不可取的或必要的。 <span class="footnote"> 这使用一个CSS类的语义。 到目前为止，这似乎是最好的方法，但实际上有两个问题。 并非所有文本都有足够的含义来保证语义标记。 例如，页面底部的斜体文字是否真的是一个注脚？ 还是一边呢？ 或者完全是别的。 也许它没有特别的意义，只需要用斜体字来表示，就可以把它与前面的文字分开来。 没有足够的强度时，语义可以改变。 比方说，我只是根据页面底部的文本去做“脚注”。 几个月后会发生什么，我想在底部添加更多的文字？ 它不再是一个脚注。 我们如何select一个不如<em>通用的语义类，但避免了这些问题呢？ 概要 似乎在许多情况下，语义的要求似乎是过于繁重的，这些情况下，制造某种意义的意图并不意味着具有语义意义。 此外，将风格与结构分离的愿望已经导致CSS被吹捧为在有些情况下实际上不那么有用的情况下的替代。 所以这使我留下谦卑的<i>标签，并想知道这个思路是否是留在HTML5规范中的原因？ 有没有关于这个主题的好博客文章或文章？ 也许那些参与决定保留/创build<i>标签的人呢？
