程序设计 css

12

我想看看:hover我在Chrome中徘徊的锚点的样式。在Firebug中，有一个样式下拉菜单，允许我为元素选择不同的状态。我似乎在Chrome中找不到任何类似的东西。我想念什么吗？

855 css google-chrome hover state google-chrome-devtools

22

我希望我的背景图像能够根据浏览器视口的大小进行拉伸和缩放。我在Stack Overflow上看到了一些可以解决问题的问题，例如Stretch和scale CSS背景。它运作良好，但我想使用background而不是使用img标签放置图片。在该img标签中放置一个标签，然后使用CSS向该img标签致敬。 width:100%; height:100%; 它可以工作，但是这个问题有点老了，并指出在CSS 3中调整背景图像的大小将非常有效。我已经在第一个例子中尝试过这个例子，但是对我来说却没有用。有没有一个很好的方法来处理background-image声明？

853 css background

21

使主体具有浏览器高度的100％

我想让主体具有浏览器高度的100％。我可以使用CSS吗？我尝试设置height: 100%，但不起作用。我想为页面设置背景色以填充整个浏览器窗口，但是如果页面内容很少，我将在底部看到一个难看的白色条。

844 html css height

21

如何仅使用CSS禁用链接？

有什么方法可以使用CSS禁用链接吗？我有一个叫的类current-page，想禁用与该类的链接，以便在单击它们时不执行任何操作。

844 html css

30

如何使用CSS设置复选框样式

我正在尝试使用以下样式设置复选框： <input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" /> 运行代码段Hide results展开摘要但是没有应用样式。该复选框仍显示其默认样式。如何给它指定的样式？

831 html css checkbox

15

CSS 100％高度，带填充/边距

使用HTML / CSS，如何制作宽度和/或高度为其父元素的100％并且仍然具有适当填充或边距的元素？ “适当”的意思是，如果我的父元素200px很高，并且我指定height = 100%，padding = 5px我希望我得到的所有190px元素border = 5px都高一个，正好位于父元素的中心。现在，我知道这不是标准盒模型指定它应该如何工作的方式（尽管我想确切地知道为什么），所以显而易见的答案不起作用： #myDiv { width: 100% height: 100%; padding: 5px; } 但是在我看来，必须有某种方法可以可靠地为任意大小的父级产生这种效果。有人知道完成此任务（看似简单）的方法吗？哦，根据记录，我对IE兼容性不是很感兴趣，因此（希望）可以使事情变得容易一些。编辑：由于要求一个示例，这是我能想到的最简单的一个示例： <html style="height: 100%"> <body style="height: 100%"> <div style="background-color: black; height: 100%; padding: 25px"></div> </body> </html> 然后面临的挑战是使黑框显示出来，在所有边缘上填充25个像素，而页面不会足够大以至于需要滚动条。

813 css

9

不是：第一个孩子选择器

我有一个div包含多个ul标签的标签。我ul只能为第一个标记设置CSS属性： div ul:first-child { background-color: #900; } 但是，我以下尝试为ul除第一个标签之外的其他每个标签设置CSS属性不起作用： div ul:not:first-child { background-color: #900; } div ul:not(:first-child) { background-color: #900; } div ul:first-child:after { background-color: #900; } 如何在CSS中编写“除第一个元素外的每个元素”？

810 css css-selectors

21

从Chrome中的CSS自定义样式按钮中删除蓝色边框

我正在制作网页，并且需要自定义样式的<button>标签。因此，对于CSS，我说：border: none。现在，它可以完美地用于野生动物园，但是在Chrome浏览器中，当我单击其中一个按钮时，它周围会出现一个令人讨厌的蓝色边框。我以为button:active { outline: none }或button:focus { outline:none }会起作用，但都没有。有任何想法吗？这是被单击之前的样子（以及我希望它在被单击之后仍保持外观）：这就是我正在谈论的边界：这是我的CSS： button.launch { background-color: #F9A300; border: none; height: 40px; padding: 5px 15px; color: #ffffff; font-size: 16px; font-weight: 300; margin-top: 10px; margin-right: 10px; } button.launch:hover { cursor: pointer; background-color: #FABD44; } button.change { background-color: #F88F00; border: none; height: 40px; padding: …

806 css google-chrome

28

如何在div中垂直对齐元素？

我有一个包含两个图片的div和一个h1。它们都需要在div内垂直对齐，彼此相邻。其中一张图片需要absolute放在div中。要在所有常见的浏览器上运行，需要什么CSS？ <div id="header"> <img src=".." ></img> <h1>testing...</h1> <img src="..."></img> </div>

791 html css vertical-alignment

17

是否可以将一个CSS文件包含在另一个文件中？

779 css

26

更改hr元素的颜色

我想hr使用CSS 更改标签的颜色。我在下面尝试过的代码似乎不起作用： hr { color: #123455; }

778 html css

30

何时使用IMG和CSS背景图片？

这个问题的答案是社区的努力。编辑现有答案以改善此职位。它目前不接受新的答案或互动。在什么情况下，与IMGCSS相对，使用HTML 标签显示图像更合适，background-image反之亦然？因素可能包括可访问性，浏览器支持，动态内容或任何类型的技术限制或可用性原则。

777 html css image background-image

30

设置弹性框项目之间距离的更好方法

要设置我在容器margin: 0 5px上.item和margin: 0 -5px容器上使用的flexbox项之间的最小距离。对我来说，这似乎是一个hack，但是我找不到更好的方法来做到这一点。例 #box { display: flex; width: 100px; margin: 0 -5px; } .item { background: gray; width: 50px; height: 50px; margin: 0 5px; } <div id='box'> <div class='item'></div> <div class='item'></div> <div class='item'></div> <div class='item'></div> </div> 运行代码段隐藏结果展开摘要

776 css flexbox

23

如何删除jQuery UI对话框上的关闭按钮？

如何删除由jQuery UI创建的对话框上的关闭按钮（右上角的X）？

775 jquery html css jquery-ui jquery-ui-dialog

15

为什么用em而不是px？

听说您应该在样式表中使用em而不是像素来定义尺寸和距离。所以问题是，为什么在CSS中定义样式时应该使用em而不是px？有一个很好的例子可以说明这一点吗？

766 css units-of-measurement em

Questions tagged «css»