Questions tagged «css»

CSS（层叠样式表）是一种表示样式表语言，用于描述HTML（超文本标记语言），XML（可扩展标记语言）文档和SVG元素的外观和格式，包括（但不限于）颜色，布局，字体，和动画。它还描述了如何在屏幕，纸张，语音或其他媒体上呈现元素。

3
我应该使用CSS：disabled伪类还是[disabled]属性选择器，还是有见识？
我正在尝试设置禁用输入的样式。我可以用： .myInput[disabled] { } 要么 .myInput:disabled { } 属性选择器是现代CSS3方式还是前进的方式？我曾经使用伪类，但是我找不到有关它们是否是旧方法并且不会得到支持或者它们是否相等的任何信息，您可以使用最喜欢的任何方法。 我不需要支持较旧的浏览器（这是一个Intranet应用程序），因此： 属性是更新更好的 伪类仍然是要走的路 您最喜欢的那个 有一个技术上的理由要使用另一个
4
防止Flexbox缩小
我正在使用flexbox来布局页面，因为不断增长的行为很有用。但是我想完全防止收缩行为。 无论如何要解决这个问题？ 示例代码： <div class="flex-vertical-container"> <div class="flex-box"> This one should grow but not shrink </div> <div></div> <div></div> </div> 的CSS .flex-vertical-container { display: flex; flex-direction: column; } .flex-box { flex: 1; }
74 css  flexbox 
6
如何在CSS中给出背景图像路径？
我的CSS文件在： 项目/网站/支持/样式/file.css 我的图片在： Project / Web / images / image.png 我想要这个图像在我的CSS文件中。 我试过了 ： 1) background-image: url(/images/image.png); 2) background-image: url('/images/image.png'); 3) background-image: url("/images/image.png"); 4) background-image: url(../images/image.png); 5) background-image: url('../images/image.png'); 6) background-image: url("../images/image.png"); 但。我在页面中没有得到这张图片。 在CSS文件中指定图像文件路径的正确方法是什么？
74 html  css 
2
为什么浏览器为CSS属性创建供应商前缀？
也许这是一个明显的答案，但是 为什么地球上会浏览器决定创建自己的供应商前缀border-radius之类的？ 我的意思是：为什么我必须输入： -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 是否因为每个平台都认为“我们很酷，我们会想出一种更好的方法来制作圆角”？键入三行似乎是完全和莫名其妙的冗余。
14
如何通过单击<li>激活HTML链接？
我有以下标记， &lt;ul id="menu"&gt; &lt;li&gt;&lt;a href="#"&gt;Something1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Something2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Something3&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Something4&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; 该&lt;li&gt;是有点大，在其左边的一个小图像，我必须真正在点击&lt;a&gt;激活链接。如何单击&lt;li&gt;激活链接？ 编辑1： ul#menu li { display:block; list-style: none; background: #e8eef4 url(images/arrow.png) 2% 50% no-repeat; border: 1px solid #b2b2b2; padding: 0; margin-top: 5px; } ul#menu li a { font-weight: bold; text-decoration: none; line-height: 2.8em; padding-right:.5em; color: #696969; }
73 html  css  menu  html-lists  anchor 
10
如何使Firefox在文件更改时自动刷新？
有谁知道可以监视一个或多个本地文件的Firefox扩展，脚本或其他某种机制。当Firefox在文件中检测到（时间戳）更改时，它将自动刷新或以其他方式更新其画布。 对于编辑CSS，理想的情况是仅重新加载CSS，而不是重新渲染完整的HTML。 实际上，仅通过外部文件，它就可以通过动态HTML / CSS编辑来实现与Firebug类似的行为。
73 html  css  firefox  browser 
16
如何找出文档中最高的z索引？
为了将包含透明文本图像的div设置为文档中的最高z索引，我选择了10,000，它解决了我的问题。 以前我猜过数字3，但没有效果。 因此，是否有更科学的方法来确定哪个z索引比您所有其他元素的z索引高？ 我尝试在Firebug中寻找此指标，但找不到。
73 javascript  html  css  z-index 
9
Bootstrap模式对话框中的Google Maps自动完成结果
我在Twitter Bootstrap模态对话框中有一个Google Maps自动完成输入字段，并且不显示自动完成结果。但是，如果按向下箭头键，它将选择下一个自动完成结果，因此自动完成代码似乎正常工作，只是结果显示不正确。也许它隐藏在模态对话框的后面？ 这是屏幕截图： 在自动完成字段中输入内容无济于事 按向下箭头键可获得第一个结果 和代码： &lt;div class="modal hide fade" id="map_modal"&gt; &lt;div class="modal-body"&gt; &lt;button type="button" class="close" data-dismiss="modal"&gt;×&lt;/button&gt; &lt;div class="control-group"&gt; &lt;label class="control-label" for="keyword"&gt;Cari alamat :&lt;/label&gt; &lt;div class="controls"&gt; &lt;input type="text" class="span6" name="keyword" id="keyword"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="map_canvas" style="width:530px; height:300px"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="modal-footer"&gt; &lt;a href="#" class="btn" data-dismiss="modal"&gt;Close&lt;/a&gt; &lt;a href="#" class="btn btn-primary"&gt;Save changes&lt;/a&gt; …
2
孩子的边距不会影响父母的身高
对于某些人来说，这可能很明显，但是我发现很难找到解决方案。 回答者注意：请跳至“真实问题”，谢谢:) 但我发现了它-该问题的描述如下： 问题： 在这样一个简单的例子中，子边界不影响父母身高 的HTML &lt;div class="parent"&gt; &lt;div class="child"&gt;Some text...&lt;/div&gt; &lt;/div&gt; 的CSS .parent{ background: black; } .child{ background: LightBlue; margin: 20px; } 小提琴：http : //jsfiddle.net/k1eegxt3/ 解决方案： 很简单，默认情况下，子页边距通常不会影响父级高度或父级尺寸，可以通过在父级元素中添加可以“推入”到页边距的内容来轻松解决，例如为父级添加边框或边框。 调整后的CSS： .parent{ background: black; padding: 1px; /* PADDING ADDED */ } .child{ background: LightBlue; margin: 20px; } 小提琴：http : //jsfiddle.net/fej3qh0z/ 真正的问题： 但是我实际上想知道为什么这种方式会起作用，而不仅仅是它是如何固定的， …
73 css 
4
哪些CSS属性是继承的？
我注意到有些属性是在CSS中继承的，而有些则不是。例如，text-size属性是继承的，但是padding和margin不被子块继承。那么如何确定哪些属性是继承的，哪些不是？
73 css  inheritance 
4
CSS半圈（边框，仅轮廓）
我正在尝试使用CSS创建一个圆，如下图所示： ...只有一个div： &lt;div class="myCircle"&gt;&lt;/div&gt; 并仅使用CSS定义。不允许使用SVG，WebGL，DirectX等。 我试图绘制一个完整的圆，然后将另一个圆与另一个圆淡化div，它确实起作用，但是我正在寻找一种更优雅的选择。
73 html  css  css-shapes 
3
CSS显示：表不显示边框
&lt;html&gt; &lt;style type="text/css"&gt; .table { display: table;} .tablerow { display: table-row; border:1px solid black;} .tablecell { display: table-cell; } &lt;/style&gt; &lt;div class="table"&gt; &lt;div class="tablerow"&gt; &lt;div class="tablecell"&gt;Hello&lt;/div&gt; &lt;div class="tablecell"&gt;world&lt;/div&gt; &lt;/div&gt; &lt;div class="tablerow"&gt; &lt;div class="tablecell"&gt;foo&lt;/div&gt; &lt;div class="tablecell"&gt;bar&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/html&gt; 根据我的理解，应该在通过tablerow类指定的每一行上绘制黑色边框。但是该边框不会出现。 我想更改行的高度。如果我用'px'指定它-它可以工作。但是，如果我给它加上％-就行不通。 .tablerow { display: table-row; border:1px solid black; position: relative; //not …
7
IE中的CSS旋转属性
我想将DIV旋转到一定程度。在FF中可以运行，但是在IE中我遇到了问题。 例如，在以下样式中，我可以将rotation = 1设置为4 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 这意味着DIV将旋转到90或180或270或360度。但是，如果我只需要将DIV旋转20度，那么它将不再起作用。 如何在IE中解决此问题？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.