Tag: html

HTML体中的样式和脚本标记…为什么不呢？: [这是与这个问题有关，但不是因为它不是关于电子邮件。] 在许多情况下 – 尤其是在使用CMS或其他人的框架时，将<style>标签和<script>标签embedded<body>比<head>要容易得多。这似乎在IE6，IE7（Windows），Firefox 3.x和Safari（OS X）的工作。严格来说，这是错的吗？如果是的话，除了在一些客户中被完全忽略，这会带来什么负面影响呢？注意：很高兴每个人都想谈谈DRY和集中式的风格。想象一下，我想在文档中使用样式标签，因为它们不是全局的，而且我无法访问每个页面上的标题。无论出于何种原因，不论站点是不同的，还是每个段落的基础，或者其他什么。我不感兴趣，很难追查和改变。我担心在体内使用风格的可能后果。你集中了那些重要的东西。其他一切都在中央样式表中膨胀。

在另一个css类中定位一个css类: 您好，我有一些在Joomla的CSS类的问题。我有一个模块中的两个div，一个是wrapper class =“wrapper”，另一个是content class =“content”。内容是内部包装。我想要做的是在内容类上定位一个css风格。通常我只是将.content {我的风格信息}放在样式表中，但问题是这个类在整个页面中被多次使用。所以在后端，你可以指定一个模块的类名，所以我已经调用了这个.testimonials。所以，我不会改变页面上的所有其他内容类，我试图通过把它的目标： .testimonials .content {my style info I am trying to apply} 但它不工作，我知道你可以用div做这个，所以 #testimonials .content {my style info I am trying to apply} 但我的问题是，这可以用类来完成吗？如果是这样的话，我正在尝试使用以下内容： .testimonials .content {font-size:12px; width:300px !important;} 由于某些原因内容没有包装，只是在段落末尾的页面消失，所以我试图确保内容所在的一级课程没有任何重叠，奇怪的是即使我修复div类的内容坐在50px它仍然不会包装的文字，所以我不知道如果我的目标是正确的？编辑>>>>>>>>>> html Joomla创build基本看起来像这样>> <div class="wrapper"> <div class="content">SOME CONTENT</div </div> 那么它被包装在一百万其他divs在老Joomla风格。我给了这个模块的推荐类，所以它最终看起来像这样： <div class="testimonials"> <div class="wrapper"> […]

HTML中的H1-H6字体大小: 在HTML中（在一般情况下，我认为），似乎有一些H1-H6元素定义的大小。也就是说，如果基线字体大小是16px（或100％），那么h1（w / c）应该是2.25em（36px）。 H2（w / c）应该是1.5em（24px）。等等。这些variables从哪里来？ H1 = 36px，H2 = 24px，H3 = 21px，H4 = 18px，H5 = 16px，H6 = 14px，也就是说。（或者，如果你喜欢的话，H1 = 2em，H2 = 1.5em，H3 = 1.17em等等，这点不是数字本身，而是它们之间的关系）他们有一些math公式吗？这是否与黄金比例或斐波那契有关？我一直无法find这方面的信息。编辑：更具体的是什么模式; 为什么从36到24到21，或从36开始（如果你喜欢，从2em到1.5em到1.17em等）？噢，我忘了指明原来的号码是从哪里来的

为什么html元素的上边距会在浮动元素之后被忽略？: 我有一个2 div的页面。第一个是浮动的。第二个有一个“明确的：既CSS”的声明和一个大的优势。但是，当我在Firefox或IE8中查看页面时，我没有看到顶部边距。它看起来像第二个div触摸第一个div，而不是分开。有没有办法使顶部边距正常工作？我已经阅读了CSS规范，并注意到它说：“由于浮动不在stream中，浮动框之前和之后创build的非定位块框垂直stream动，就好像浮动不存在一样”。但是，我不知道该怎么做。这里是一个例子： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>CSS test</title> </head> <body> <div style="float: left; border: solid red 1px">foo</div> <div style="clear: both; margin-top: 90px; border: solid red 1px">This div should not touch the other div.</div> </body> </html>

如果不使用<fieldset>标签，是否有可能实现<fieldset>效果？: 我个人喜欢<fieldset>标签，因为它是如何绘制一个框，并将<legend>放在它的顶部，越过边界。喜欢这个。然而， fieldset元素是用来组织表单的，使用它来进行一般的devise并不比使用表格来进行一般的devise。所以，我的问题是… 如何使用另一个标签实现相同的结果？在<legend> （或任何其他标签将被使用）之下，边框必须被擦除，并且由于可能存在“复杂的”正文背景图像，所以我不能将图例的background-color设置为匹配下的元素之一。我希望它能够在没有JavaScript的情况下工作，但是CSS3和基于XML的格式（如SVG或XHTML）都可以。

删除HTML滚动条，但允许鼠标滚轮: 可能重复：如何禁用浏览器或元素滚动条，但允许使用滚轮或方向键滚动？我可以通过设置CSS属性overflow-y: hidden来禁用网格中的垂直滚动条。但是，这也消除了用鼠标滚轮滚动内容的能力。有没有办法不显示滚动条，但仍然允许通过鼠标滚轮或方向键滚动的内容？

如何将文字左旋90度，单元大小根据html中的文字进行调整: 假设我有一些行和列的表，所以我想旋转的单元格中的文本是这样的：问题是当我使用样式旋转文本： #rotate { -moz-transform: rotate(-90.0deg); /* FF3.5+ */ -o-transform: rotate(-90.0deg); /* Opera 10.5 */ -webkit-transform: rotate(-90.0deg); /* Saf3.1+, Chrome */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */ 这一切都像这样搞砸了 html代码： <table cellpadding="0" cellspacing="0" align="center"> <tr> <td id='rotate'>10kg</td> <td >B</td> <td >C</td> <td>D</td> <td>E</td> </tr> <tr> <td id='rotate'>20kg</td> <td>G</td> <td>H</td> <td>I</td> <td>J</td> […]

CSS 100％高度，然后滚动DIV不页: 好，所以我还没有find答案的问题，所以我决定做我自己的。我正在尝试创build一个100％的stream体布局，这在技术上已经完成了。 http://stickystudios.ca/sandbox/stickyplanner/layout/index2.php 但是，我想要它现在要做的，是使页面高度100％…但我不希望页面滚动我想要内部DIV滚动。所以我相信简而言之，我希望它能检测到视口屏幕的高度，走100％，然后IF内容比屏幕更长，滚动特定的DIV，而不是页面。我希望这是有道理的。提前致谢。贾斯汀

跨浏览器方法，以适应一个孩子div到其父母的宽度: 我正在寻找一个解决scheme，以适应一个孩子的div到它的父母的width 。我在这里看到的大多数解决scheme都不是跨浏览器兼容的（例如， display: table-cell; IE <=8不支持）。

IE7是否有“开发者模式”或Firefox / Chrome / Safari等插件？: 可能重复：在IE7中debuggingJavaScript Firefox有Web Developer插件和Firebug，用于解决html / css / javascript问题。谷歌浏览器和Safari有一个非常类似的控制台，右键单击“检查元素”的选项。 IE7有什么类似的解决layout / html / css的问题？