Tag: CSS
IE8问题与Twitter Bootstrap 3
我正在使用新的Twitter Bootstrap创建一个网站。 该网站看起来不错，并在所有必需的浏览器除IE8以外的作品。 在IE8中，它似乎是显示移动版本的元素，但横跨我的桌面上的整个屏幕。 我相信我遇到的问题是Twitter引导程序首先是移动的。 所以出于某种原因IE8正在为这个选项。 我还注意到， container类似乎并没有按照预期拉入最大宽度的CSS属性。 任何人都可以看到我做错了什么？ <!– Favicon –> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <!– Bootstrap –> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"> <script src="/SiteFiles/js/modernizr.js"></script> <!– CSS –> <link href="/SiteFiles/css/main.css" rel="stylesheet"> <header> <div class="topArea clearfix"> <div class="container"> <div class="topLinks"> <div class="btn-group"> <span class="flag" data-toggle="dropdown"> </span> <ul class="dropdown-menu"> <li><a href="#">Country 1</a></li> <li><a […]
如何识别未使用的CSS定义
有没有什么好的方法来帮助识别项目中未使用的CSS定义？ 一堆css文件被拉进来，现在我正试图清理一些东西。
将CSS显示属性重置为默认值
是否有可能重写显示属性的默认值？ 例如，如果我已经把它设置为没有一个风格，我想重写它与默认不同。 或者是唯一的方法来找出该元素的默认设置，然后将其设置为？ 想不必知道元素通常是块，内联还是其中的一个…
忽略HTML中的空格
HTML / CSS中有什么能告诉浏览器完全忽略空白吗？ 很多时候，当你想把两个图像放在一起的时候 – 尽量拼命保持HTML的可读性，但是浏览器在它们之间放置一个空格。 所以不是这样的： <img src="images/minithing.jpg" alt="my mini thing" /> <img src="images/minithing.jpg" alt="my mini thing" /> <img src="images/minithing.jpg" alt="my mini thing" /> <img src="images/minithing.jpg" alt="my mini thing" /> 你结束了这个 <img src="images/minithing.jpg" alt="my mini thing" /><img src="images/minithing.jpg" alt="my mini thing" /><img src="images/minithing.jpg" alt="my mini thing" /><img src="images/minithing.jpg" alt="my mini thing" /> 这太可怕了！
浏览器的HTML元素的默认CSS
我在哪里可以找到浏览器的HTML元素的默认CSS？ 许多HTML元素都带有一些默认的CSS属性，有时会导致未知的/不需要的行为。 例如，输入框在不同的浏览器中显示的方式不同。 我正在寻找一个覆盖新的CSS3属性和新的HTML5元素的地方。 我已经看到了其他（更古老的）问题（如浏览器的默认CSS样式表 ）的答案，提出了CSS重置的解决方案。 这个解决方案有时候并不需要，通常我会想保留一些基本的属性（比如在Chrome中突出显示输入框）。 换句话说， 我不想因为我不知道自己在做什么而摆脱这些事情 。 那么， 有没有一个网站可以给我所有这些信息（或者大多数）？
嵌套柔性容器时正确使用柔性属性
我在正确使用flexbox时遇到了问题，并希望得到关于嵌套父元素和子元素如何工作的一些说明。 我知道孩子继承父母的柔性。 但是如果你需要为孩子（孩子）弯曲一个孩子，它会被覆盖吗？ 什么是flexbox的正确使用？ 我什么时候需要申请display: flex为了孩子的（孩子），为了孩子的柔韧性，还是会覆盖孩子的父母的弹性？ .parent-container { display: flex; flex: 1 0 100%; } .child-container { flex: 1 1 50% } .baby-of-child-container { flex: 1 1 50%; } <div class='parent-container'> <div class='child-container'> <div class='baby-of-child-container'></div> <div class='baby-of-child-container'></div> </div> <div class='child-container'> <div class='baby-of-child-container'></div> <div class='baby-of-child-container'></div> </div> </div>
我如何获得这个CSS文本修饰覆盖工作？
有些日子，我发誓我要生气了。 这是那些日子之一。 我认为我的CSS在这里相当简单，但它似乎并没有工作。 我错过了什么？ 我的CSS看起来像这样： ul > li { text-decoration: none; } ul > li.u { text-decoration: underline; } ul > li > ul > li { text-decoration: none; } ul > li > ul > li.u { text-decoration: underline; } 而我的HTML看起来像这样： <ul> <li>Should not be underlined</li> <li class="u">Should be underlined <ul> <li>Should not be […]
为什么我的图片下面有空间？
即使padding:0;margin:0被应用，图像在底下获得一个神秘的空白空间。 示范 红色的边框应该拥抱图像，但底部有空间。 是什么原因造成的，怎样才能删除这个空间？
CSS选择器中的空格是什么意思？ 即.classA.classB和.classA .classB之间有什么区别？
这两个选择器有什么区别？ .classA.classB { border: 1px solid; } .classA .classB { border: 1px solid; }
Firefox支持表格元素上的相对位置吗？
当我尝试在Firefox的<th>或<td>上使用position: relative / position: absolute ，它似乎不起作用。
