Questions tagged «css»

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

15
CSS文字转换大写
这是我的HTML： <a href="#" class="link">small caps</a> & <a href="#" class="link">ALL CAPS</a> 这是我的CSS： .link {text-transform: capitalize;} 输出为： Small Caps & ALL CAPS 我希望输出为： Small Caps & All Caps 有任何想法吗？
129 css 
4
Twitter Bootstrap：容器中的div高度为100％
使用twitter bootstrap（2），我有一个带有导航栏的简单页面，并且container我想在其中添加高度为100％的div（到屏幕底部）。我的css-fu生锈了，我无法解决。 简单的HTML： <body> <div class="navbar navbar-fixed-top"> <!-- Rest of nav bar chopped from here --> </div> <div class="container fill"> <div id="map"></div> <!-- This one wants to be 100% height --> </div> </body> 当前的CSS： #map { width: 100%; height: 100%; min-height: 100%; } html, body { height: 100%; } .fill …
9
使<body>充满整个屏幕？
我在网页上使用径向渐变作为背景，如下所示： background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000)); 它可以工作，但是当内容不能填满整个页面时，渐变会被切断。如何使&lt;body&gt;元素始终填充整个页面？
8
如何创建网格/平铺视图？
例如，我有一些.article类，并且我想将该类作为网格视图进行查看。所以我采用了这种风格： .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } 这种样式将使.article看起来平铺/网格化。固定高度可以正常工作。但是，如果我要将高度设置为自动（根据其中的数据自动拉伸），则网格看起来很讨厌。 我想要这样的视图：
6
是否可以使用CSS或Javascript将光标隐藏在网页中？
我想在显示旨在在建筑大厅中显示信息的网页时隐藏光标。它完全不必是交互式的。我尝试使用cursor属性和透明的光标图像，但是没有使它起作用。 有人知道这是否可以做到吗？我想这对于不知道他在哪里单击的用户来说可以看作是安全威胁，所以我不太乐观……谢谢！
129 javascript  html  css 
10
更改选择框选项的背景色
我有一个select框，当select单击框并显示所有选项时，我正在尝试更改选项的背景色。 见小提琴 HTML： &lt;select&gt; &lt;option val=""&gt;Please choose&lt;/option&gt; &lt;option val="1"&gt;Option 1&lt;/option&gt; &lt;option val="2"&gt;Option 2&lt;/option&gt; &lt;option val="3"&gt;Option 3&lt;/option&gt; &lt;option val="4"&gt;Option 4&lt;/option&gt; &lt;/select&gt; CSS： select{ margin:40px; background: rgba(0,0,0,0.3); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.4); }
8
如何覆盖Twitter Bootstrap中的样式
如何覆盖Twitter Bootstrap中的样式？例如，我当前正在使用具有CSS规则“ float：left;”的.sidebar类。我该如何更改它以使其转到右侧？我正在使用HAML和SASS，但对于Web开发来说相对较新。
1
从Illustrator导出Web的SVG的最佳设置？
我希望在网站上使用SVG徽标，以使其在所有设备的自适应设计中看起来都很棒。 但是由于存在问题，我想支持尽可能多的设备和浏览器。加载速度也是一个重要的考虑因素。Adobe Illustrator中的导出设置如何适应所有这些？ 在Illustrator中，SVG导出有多个选项。首先，哪种SVG配置文件是最好的？ 我认为SVG Tiny的文件大小较小吗？许多设备支持SVG Tiny吗？最重要的区别是什么？（无需阅读此W3怪物。） 其次，我认为图像位置的最佳选择是“链接”？（请参阅感叹号后的说明。） 另外，浏览器如何支持“嵌入”选项？ 谢谢！ PS将有一个后备alpha-PNG选项，但我希望SVG尽可能得到最好的支持。（想一想，在这种情况下，后备选项（如JPG）可能是最好的选择，因为alpha-PNG本身需要较旧IE的解决方案。） 更新：还有更多可以配置的选项。我不是在处理文本，所以我看到的唯一相关的是小数位。对于徽标，某些东西最大显示为200x200px（在Retina显示屏上为400x400px），“ 3”是最佳设置吗？还是“ 2”以最小化文件大小？
25
如何在ASP.NET MVC中将“活动”类添加到Html.ActionLink
我正在尝试在MVC中的“引导”导航栏中添加“活动”类，但是在编写此类时，以下内容未显示活动类： &lt;ul class="nav navbar-nav"&gt; &lt;li&gt;@Html.ActionLink("Home", "Index", "Home", null, new {@class="active"})&lt;/li&gt; &lt;li&gt;@Html.ActionLink("About", "About", "Home")&lt;/li&gt; &lt;li&gt;@Html.ActionLink("Contact", "Contact", "Home")&lt;/li&gt; &lt;/ul&gt; 这可以解析为看起来格式正确的类，但是不起作用： &lt;a class="active" href="/"&gt;Home&lt;/a&gt; 在Bootstrap文档中，它指出不应在导航栏中使用“ a”标签，但是我认为以上是将类添加到Html.ActionLink的正确方法。我还有其他（整洁）的方式可以做到这一点吗？
4
使用CSS在表格单元格中右对齐
我有这样的旧经典代码 &lt;td align="right"&gt; 它的意思是：将单元格中的内容正确对齐。因此，如果我在此单元格中放置2个按钮，它们将出现在单元格的正确位置。 但是后来我将其重构为CSS，但是没有正确对齐的东西吗？我看到文字对齐，是一样的吗？
128 css 
18
当将1 px边框添加到div时，div的大小会增加，不想这样做
单击时，我要添加1px边框到div，因此Div大小将增加2px X 2px。我不想增加div的大小。有没有简单的方法可以做到这一点？ 混乱的详细说明 实际上，我正在将带有float：left（大小相同，如图标）的DIV添加到容器div中，因此所有容器都一个接一个地堆叠，并且当（container-div宽度为300px）没有横向宽度时，子DIV排在下一行，因此类似于目录，但由于边框的缘故，所选DIV的大小只会增加，因此所选DIV下的DIV会向右移动并在所选DIV下创建空白空间。 编辑： 在选择上减少高度/宽度，但是如何增加它。使用某些第三者框架，因此当DIV失去选择时不会发生任何事件。
128 css  html  border 
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.