Questions tagged «css»

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

6
Twitter引导程序float div右
bootstrap将div浮动到右侧的正确方法是什么？我以为pull-right是推荐的方法，但是它不起作用。 @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div> 运行代码段Hide results展开摘要
5
什么时候<script>标签应该可见，为什么它们可以显示？
一个script是得到了风格的元素display:block出现可见的。为什么有可能，并且有需要的任何实际用例？ td &gt; * { display: block; } &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;script type="text/javascript"&gt; var test = 1; &lt;/script&gt;von 1 &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; 运行代码段隐藏结果展开摘要
142 html  css  script-tag 
14
img标签显示错误的方向
我在此链接上有一张图片：http : //d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg 如您所见，这是具有正确方向的普通图像。但是，当我将此链接设置为我的图像标签的src属性时，图像将上下颠倒。http://jsfiddle.net/7j5xJ/ &lt;img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/&gt; 运行代码段Hide results展开摘要 你知道发生了什么吗？
142 html  css  image 
4
内联/内联块元素的CSS垂直对齐
我试图让几个inline和inline-block组件的垂直对齐div。为什么在span这个例子坚持被推下来？我已经尝试了vertical-align:middle;和vertical-align:top;，但是没有任何变化。 HTML： &lt;div&gt; &lt;a&gt;&lt;/a&gt;&lt;a&gt;&lt;/a&gt; &lt;span&gt;Some text&lt;/span&gt; &lt;/div&gt;​ CSS： a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { background:yellow; vertical-align:middle; } span { background:red; } 结果： 小提琴
6
从元素中删除'：hover'CSS行为
当您将鼠标悬停在元素上时，我的CSS会更改格式。 HTML： &lt;div class="test"&gt; blah &lt;/div&gt; CSS： .test:hover { border: 1px solid red; } 在某些情况下，我不想在悬停时应用CSS。一种方法是使用jQuery从div中删除CSS类，但这会破坏其他事情，因为我也使用该类来格式化其子元素。 因此，我提出了一个问题：是否有办法从元素中删除“悬停” css样式？
142 html  css 
16
Overflow-x：hidden不能防止内容在移动浏览器中溢出
我在这里有一个网站。 在桌面浏览器中查看时，黑色菜单栏正确地延伸到窗口的边缘，因为body具有overflow-x:hidden。 在任何移动浏览器中，无论是Android还是iOS，黑色菜单栏都会显示其完整宽度，从而在页面右侧显示空格。据我所知，该空格甚至不是htmlor body标记的一部分。 即使我在中将视口设置为特定的宽度&lt;head&gt;： &lt;meta name="viewport" content="width=1100, initial-scale=1"&gt; 该站点扩展到1100像素，但仍然有1100以外的空白。 我想念什么？如何将视口保持在1100并切断溢出？
5
Chrome浏览器中是否有“字体平滑”功能？
我使用的是google webfonts，它们可以使用超大字体，但在18px时看起来很糟糕。我在这里和那里已经读到了一些用于字体平滑的解决方案，但是我还没有找到任何可以清楚地解释它的地方，而且我发现的一些代码片段根本不起作用。 h4在几乎所有浏览器中，我的表现都很糟糕，但Chrome最糟糕。在Chrome浏览器中，我的几乎所有字体看起来都很糟糕。 谁能指出我正确的方向？也许您知道可以清楚地说明这一点的资源？谢谢！ 示例屏幕＃1 此屏幕快照显示了https://www.dartlang.org/的主页，https： //www.dartlang.org/是Google制作的一种编程语言（因此我们可以暗示该网站也由Google构建）并使用Google Webfonts。 屏幕截图在左侧显示Google Chrome，在右侧显示Firefox / Internet Explorer 。： 屏幕截图示例2 此屏幕快照使用Typekit提供的webfonts在Adobe.com上显示了产品信息页面。在字体方面，Adobe＆Typekit是专业人士。 屏幕截图在右侧显示了Google Chrome，在左侧显示了Firefox / Internet Explorer：
15
当页面大于屏幕时，如何在屏幕中间放置div
嗨，我正在使用类似于以下内容的方法来将div定位在屏幕中间： &lt;style type="text/css"&gt; #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; background-color: #f3f3f3; } &lt;/style&gt; &lt;div id="mydiv"&gt;Test Div&lt;/div&gt; 但是，这样做的问题是它将项目放置在页面的中间而不是屏幕的中间。因此，如果页面高了几个屏幕，并且我在使div出现时位于页面的顶部（该部分的顶部显示在屏幕上），则它甚至不在屏幕上。您必须向下滚动才能查看。 有人可以告诉我您如何将其显示在屏幕中间吗？
141 css  html  window  center 
6
如何从HTML表格中完全删除边框
我的目标是制作一个类似于“相框”的HTML页面。换句话说，我要制作一个空白页面，周围有4张图片。 这是我的代码： &lt;table&gt; &lt;tr&gt; &lt;td class="bTop" colspan="3"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="bLeft"&gt; &lt;/td&gt; &lt;td class="middle"&gt; &lt;/td&gt; &lt;td class="bRight"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="bBottom" colspan="3"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; CSS类如下： .bTop { width: 960px; height: 111px; background-image: url('../Images/BackTop.jpg'); } .bLeft { width: 212px; height: 280px; background-image: url('../Images/BackLeft.jpg'); } .middle { width: 536px; …
4
媒体查询-在两个宽度之间
我正在尝试使用CSS3媒体查询来创建一个仅在宽度大于400px且小于900px时出现的类。我知道这可能非常简单，并且我遗漏了一些明显的内容，但我无法弄清楚。我想出的是下面的代码，感谢任何帮助。 @media (max-width:400px) and (min-width:900px) { .class { display: none; } }
141 css  media-queries 
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.