Questions tagged «css»

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


7
CSS子代与子代选择器
我对这两个选择器有些困惑。 后代选择器是否: div p 选择所有p内div它是否是一个即时descedent?那么,如果p在另一个内部div,则仍会被选中? 然后是子选择器: div > p 有什么不同?一个孩子意味着直系孩子吗?例如。 <div><p> 与 <div><div><p> 是否都将被选中?
298 css  css-selectors 

11
纯CSS,可根据动态字符数对字体大小做出响应
我知道可以使用Javascript轻松解决此问题,但是我只对纯CSS解决方案感兴趣。 我想要一种动态调整文本大小的方法,以使其始终适合固定的div。这是示例标记: <div style="width: 200px; height: 1em; overflow: hidden;"> <p>Some sample dynamic amount of text here</p> </div> 运行代码段隐藏结果展开摘要 我在想,也许可以通过在ems中指定容器的宽度,并让font-size继承该值来实现?
298 css 

8
隐藏响应式布局中的元素?
从引导程序看,它们似乎支持折叠用于较小屏幕的菜单栏项。页面上的其他项目是否也有类似内容? 例如,我有一个右舷的右舷药丸。在小屏幕上,这会导致问题。我希望至少将其放入类似的点击显示更多下拉菜单中。 在现有的Bootstrap框架中可能吗?



7
CSS Turing完成了吗?
就我所知,CSS并不是图灵完整的。但是我对CSS的了解非常有限。 CSS Turing完成了吗? 现有的任何草案或委员会是否正在考虑可能使Turing完整性成为可能的语言功能?


6
Internet Explorer 7上绝对定位的父级中的宽度子元素百分比
我的绝对职位div包含几个孩子,其中一个是相对职位div。当我percentage-based width在孩子上使用时div,它会0 width在IE7上崩溃,但在Firefox或Safari上却不会。 如果我使用pixel width,它可以工作。如果父母位置相对,则孩子的百分比宽度有效。 我在这里想念什么吗? 除了pixel-based width在孩子身上,还有其他简单的解决方法吗? CSS规范中是否有涵盖此方面的内容?

19
顶部导航栏阻止页面的顶部内容
我有这个Twitter Bootstrap代码 <div class='navbar navbar-fixed-top'> <div class='navbar-inner'> <div class='container'> <a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'> <span class='icon-bar'></span> <span class='icon-bar'></span> <span class='icon-bar'></span> </a> <div class='nav-collapse'> <ul class='nav'> <li class='active'> <a href='some_url'>My Home</a> </li> <li> <a href='some_url'>Option 1 </a> </li> <li> <a href='some_url'>Another option</a> </li> <li> <a href='some_url'>Another option</a> </li> </ul> </div> </div> …


5
在CSS中指定多个属性选择器
做这样的事情的语法是什么: input[name="Sex" AND value="M"] 基本上,我想选择input具有属性name="Sex"和属性的元素value="M": <input type="radio" name="Sex" value="M" /> 元件如以下应该没有被选择: <input type="radio" name="Sex" value="F" />

10
为什么不设置高度:100%可将div扩展到屏幕高度?
我希望轮播DIV(s7)扩展到整个屏幕的高度。我不知道为什么它没有成功。要查看该页面,您可以转到此处。 body { height: 100%; color: #FFF; font: normal 28px/28px'HelveticaWorldRegular', Helvetica, Arial, Sans-Serif; background: #222 url('') no-repeat center center fixed; overflow: hidden; background-size: cover; margin: 0; padding: 0; } .holder { height: 100%; margin: auto; } #s7 { width: 100%; height: 100%: margin: auto; overflow: hidden; z-index: 1; } #s7 …
295 html  css  height 


7
如何更改移动版式上的Bootstrap 3列顺序?
我正在使用顶部固定的导航栏进行响应式布局。在下面,我有两列,一列用于侧栏(3),一列用于内容(9)。在桌面上看起来像这样 导航栏 [3] [9] 当我resize将其navbar压缩并隐藏时,侧边栏会堆积在内容的顶部,如下所示: 导航栏 [3] [9] 我想要顶部的主要内容,因此我需要将移动设备的顺序更改为此: 导航栏 [9] [3] 我发现这篇文章涵盖了相同的要点,但是对可接受的答案进行了编辑,说该解决方案不适用于当前版本的Bootstrap。 如何在移动设备上重新排列这些列?或者,如何将sidbar列表组放入正在扩展的导航栏中? 这是我的代码: <div class="navbar navbar-inverse navbar-static-top"> <div class="container"> <a href="#" class="navbar-brand">Brand Title</a> <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse navbar-collapse navHeaderCollapse"> <ul class="nav navbar-nav navbar-right"><!--original navbar--> <li class="active"><a href="#">Home</a></li> <li><a href="#">FAQ</a></li> …

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.