程序设计 css

2

鉴于以下HTML和CSS，我在浏览器中看不到任何东西（撰写本文时最新的Chrome和IE）。一切都崩溃为0x0像素。为什么？ <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; } #colRight { display: table-column; height: 100%; background-color: red; } #row1 { display: table-row; height: 100%; } #row2 { display: table-row; height: 100%; } #row3 { …

87 css tablelayout css-tables

4

仅将HTML，CSS网页部署到Tomcat

我刚刚开始开发网站。目前，我所拥有的只是一个HTML页面，该页面由几个CSS样式表支持。我可以从HTML和CSS页面创建WAR文件吗？如何将它们部署到Tomcat服务器上？谢谢。

87 html css tomcat web-deployment-project

7

使div填充剩余宽度

Наэтотвопросестьответына 堆栈溢出нарусском：股利。Занятьоставшеесяместо 如何使div填充剩余宽度？ <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div id="div2"></div> <div id="div3" style="width: 100px; float: right;"></div> </div> 我如何才能div2填满其余部分？

87 html css

4

使用CSS将元素放在最前面

我不知道如何使用来显示图像CSS。我已经尝试将z-index设置为1000并将其位置设置为相对，但仍然失败。这里的例子- #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; } .content { margin-left: auto; margin-right: auto; table-layout: fixed; border-collapse: collapse; } .td-main { text-align: center; padding: 80px 10px 80px 10px; border: 1px solid #A02422; background: #ABABAB; } …

87 html css z-index jsfiddle

5

CSS'ex'单位的价值是多少？

（不要与流行的.Net单元测试库Xunit混淆。）今天，我无聊地开始检查Gmail DOM（是的，我很无聊）。一切看起来都很简单，直到我注意到某些元素的宽度有趣的规范为止。杰出的Googlites使用稀有的“ ex”单位指定了多个表格列。 width: 22ex; 起初我很困惑（“什么是'ex'？”），然后又回到了我的头上：我似乎还记得几年前刚开始学习CSS时的一些事情。根据CSS3规范： [ ex单位]等于第一个可用字体的x高度。之所以称它为x高度，是因为它通常等于小写字母“ x”的高度。但是，即使不包含“ x”的字体也定义了“ ex”。好，好。但是我从未真正看到过它的使用（我自己很少使用它）。我经常使用ems，并赞赏它们的价值，但是为什么要使用“ ex”呢？与em相比，标准的测量似乎少了很多，有用的也少得多。我发现讨论该主题的几个页面之一是Stephen Poley的http://www.xs4all.nl/~sbpoley/webmatters/emex.html。斯蒂芬提出了很好的观点，但是，他的讨论对我而言尚无定论。所以我的问题是：“ ex”单元对网页设计有何价值？（可以将这个问题标记为主观问题，但我将把这个决定留给比我自己更有经验的SO员工。）

87 css specifications units-of-measurement

7

HTML命令列表1.1、1.2（嵌套计数器和作用域）不起作用

我使用嵌套计数器和范围来创建一个有序列表： ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> <li>four</li> </ol> 运行代码段隐藏结果展开摘要我希望得到以下结果： 1. one 2. two 2.1. two.one …

87 html css html-lists

9

查找适用于元素的所有CSS规则

许多工具/ API提供了选择特定类或ID的元素的方法。也可以检查浏览器加载的原始样式表。但是，对于浏览器渲染元素而言，它们将编译所有CSS规则（可能来自不同的样式表文件）并将其应用于元素。这是您在Firebug或WebKit Inspector中看到的-元素的完整CSS继承树。如何在不需要其他浏览器插件的情况下用纯JavaScript重现此功能？也许一个例子可以为我正在寻找的东西提供一些澄清： <style type="text/css"> p { color :red; } #description { font-size: 20px; } </style> <p id="description">Lorem ipsum</p> 在这里，p＃description元素应用了两个CSS规则：红色和20 px的字体大小。我想找到这些计算CSS规则的来源（颜色来自p规则，依此类推）。

87 javascript css

4

：hover是否有相反的CSS伪类？

CSS中是否有伪类可以指定 :not(:hover) 还是这是指定未悬停的项目的唯一方法？我经历了几个CSS3参考，但没有看到提及CSS伪类来指定：hover的反义词。

87 css css-selectors pseudo-class

5

Facebook样式“红色”通知的最简单的CSS

我需要一个Facebook风格的通知，但是要获得跨浏览器看起来不错的东西似乎很棘手。例如，不同的浏览器似乎对填充物有不同的处理，从而导致看起来很奇怪的通知。确保通知良好显示的最佳跨浏览器方式是什么？使用JavaScript并不不利，但是纯CSS当然是可取的

87 javascript html css user-interface user-experience

7

如何摆脱div元素中svg下方的多余空间

这是问题的说明（已在Firefox和Chrome中测试）： <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> 运行代码段Hide results展开摘要在JSFiddle上查看请注意蓝色下方的额外red空间。divsvg 已经尝试将padding和margin两个元素都设置为0，但是没有运气。

87 html css svg

9

制作不执行任何操作（实际上不执行任何操作）的HTML链接

我想要一个不起作用的链接。我不要这个： <a href="#"> 因为这样URL变为something.com/whatever/#。我想要链接的唯一原因是使用户可以看到他们可以单击文本。JavaScript正在用于执行某些操作，因此我不需要将该链接放到任何地方，但我需要使其看起来像一个链接！我可以使用一些数据属性，并告诉我CSS使元素看起来像链接（如果它们具有此属性），但这似乎有点过头了。

87 html css

8

jQuery更改div类的style属性

我有一个这样的滑块类，并且我想更改样式属性style =“ left：336px” <div id="range-cont"> <div class="slider"> <div class="progress" style="width: 350px;"></div> <a class="handle" href="#" **style="left: 336px;"**></a> </div> <input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"> <p id="percent-label">%</p> </div> </div> 我试过了， $('.handle').css({'style':'left: 300px'})但是没有用。不知道我在做什么错

87 javascript jquery css

17

防止CSS中出现“双边框”

假设我有两个相邻的div（以https://chrome.google.com/webstore/category/home为参考）并带有边框。有没有办法（最好是CSS技巧）来防止我的div看起来像是带有双边框？看看这张图可以更好地理解我的意思：您可以看到两个div相遇的地方，看起来好像有一个双边框。

87 css

12

如何在不拉伸的情况下设置图像的宽度和高度？

如果我有： #logo { width: 400px; height: 200px; } 然后 <img id="logo" src="logo.jpg"/> 会拉伸以填充该空间。我希望图像保持相同大小，但是要在DOM中占用那么多空间。我是否必须添加封装<div>或<span>？我讨厌添加样式标记。

87 html css

21

Bootstrap关闭响应式菜单“单击”

在“产品”上，点击我将白色div向上滑动（如附件所示）。在响应式（移动设备和平板电脑）中，我想自动关闭响应式导航栏，仅显示白色栏。我试过了： $('.btn-navbar').click(); 还尝试了： $('.nav-collapse').toggle(); 它确实有效。但是，在桌面大小上，它也被称为“菜单”，它在菜单上缩小了一秒钟。有任何想法吗？

86 javascript html css twitter-bootstrap

Questions tagged «css»