Questions tagged «css»

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

4
如何在ASP.NET中的div的文件背后的代码中修改CSS样式?
我正在尝试根据从aspx页面后面的代码中从数据库表中获取的信息来修改div的CSS样式属性。以下本质上是我要尝试执行的操作,但出现错误。 Aspx: <div id="testSpace" runat="server"> Test </div> 背后的代码: testSpace.Style = "display:none;" testSpace.Style("display") = "none"; 我究竟做错了什么?
96 c#  asp.net  css 

7
如何将两个CSS类应用于单个元素
我可以将2个类应用于单个div或span或任何html元素吗?例如: <a class="c1" class="c2">aa</a> 我尝试过,但在我的情况下,c2没有得到应用。我如何一次申请两个课程?
96 html  css 

6
CSS3过渡-淡出效果
我正在尝试在纯CSS中实现“淡出”效果。这是小提琴。我确实在网上研究了几种解决方案,但是,在在线阅读文档之后,我试图弄清楚为什么幻灯片动画不起作用。有指针吗? .dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; -webkit-animation: slideup 2s; -o-animation: slideup 2s; } .success-wrap { width: 75px; min-height: 20px; clear: both; margin-top: 10px; } .successfully-saved { color: #FFFFFF; font-size: 20px; padding: 15px 40px; margin-bottom: 20px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #00b953; } @keyframes …

5
编写带有垂直标题的HTML表的最常见方法是什么?
嗨,自从我问了一个问题已经有一段时间了,这已经困扰了我一段时间了,问题本身就出现在标题中: 编写具有垂直标题的HTML表的首选方式是什么? 垂直标题是指表格<th>的左侧(通常是)标题() 标头1数据数据数据 标头2数据数据数据 标头3数据数据数据 它们看起来像这样,到目前为止,我已经提出了两种选择 第一选择 <table id="vertical-1"> <caption>First Way</caption> <tr> <th>Header 1</th> <td>data</td><td>data</td><td>data</td> </tr> <tr> <th>Header 2</th> <td>data</td><td>data</td><td>data</td> </tr> <tr> <th>Header 2</th> <td>data</td><td>data</td><td>data</td> </tr> </table> 这种方式的主要优点是,你有权利(实际上左)头所表示的,我不喜欢但是旁边就是<thead>,<tbody>和<tfoot>标签丢失,而且也没有办法,包括他们没有打破巧妙地将元素放在一起,这使我进入了第二个选择。 第二种选择 <style type="text/css"> #vertical-2 thead,#vertical-2 tbody{ display:inline-block; } </style> <table id="vertical-2"> <caption>Second Way</caption> <thead> <tr> <th colspan="3">Header 1</th> </tr> <tr> <th …

6
如何使用另一个CSS类覆盖CSS类的属性
我对CSS3相当陌生,我希望能够执行以下操作: 当我将一个类添加到一个元素中时,它会覆盖此特定元素中使用的另一个类的属性。 假设我有 <a class="left carousel-control" href="#carousel" data-slide="prev"> 我希望能够添加一个名为的类bakground-none,它将覆盖该类中的默认背景left。 谢谢!
95 css  class  overriding 

11
如何在导航栏中使列表项的整个区域都可单击(作为链接)?
我有一个由无序列表制成的水平导航栏,每个列表项都有很多填充,使其看起来很漂亮,但是唯一可以用作链接的区域是文本本身。如何使用户能够单击列表项中的任意位置以激活链接? #nav { background-color: #181818; margin: 0px; overflow: hidden; } #nav img { float: left; padding: 5px 10px; margin-top: auto; margin-bottom: auto; vertical-align: bottom; } #nav ul { list-style-type: none; margin: 0px; background-color: #181818; float: left; } #nav li { display: block; float: left; padding: 25px 10px; } #nav li:hover …
95 html  css  anchor 

3
如何在不需要时隐藏垂直滚动条
我有一个包含在div中的textarea,因为我有jquery提示,并希望使用不透明度而不更改边框。有一个可见的垂直滚动条,仅当我在文本字段中键入内容时才希望显示它,并且超出了容器范围。我试过溢出:自动;但不起作用。 文本域: <label> <div id="name"> <textarea name="message" type="text" id="message" title="Enter Message Here" rows=9 cols=60 maxlength="2000"></textarea> </div> </label> 样式: #name { border: 1px solid #c810ca; width: 270px; height:159px; overflow: hidden; position: relative; } #message { height: 400px; width: 235px; overflow: hidden; position: absolute; }
95 html  css  forms 

3
如何为一个类以外的所有元素创建CSS规则?
我已经为我的项目创建了CSS样式表。有什么方法可以创建适用于所有表元素的css规则,但属于“ dojoxGrid”类的表元素除外?就像是: .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin:1em auto; border-collapse:collapse; }


12
如何在TBODY元素之间放置间距
我有一张这样的桌子: <table> <tfoot> <tr><td>footer</td></tr> </tfoot> <tbody> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> </tbody> <tbody> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> </tbody> <tbody> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> </tbody> </table> 我想在每个tbody元素之间留一些间距,但是padding和margin无效。有任何想法吗?
95 html  css 

5
CSS显示:宽度设置为100%时,表格行不会展开
我有点问题。我正在使用FireFox 3.6,并具有以下DOM结构: <div class="view-row"> <div class="view-type">Type</div> <div class="view-name">Name</div> </div> 以及以下CSS: .view-row { width:100%; display:table-row; } .view-name { display: table-cell; float:right; } .view-type { display: table-cell; } 如果我起飞,display:table-row它将正确显示,view-row显示宽度为100%。如果我放回去,它会缩小。我把它放在JS Bin上: http://jsbin.com/ifiyo 这是怎么回事?
95 css 

4
删除Microsoft Edge的电话号码样式
我注意到新的Microsoft Edge浏览器在检测到电话号码时会覆盖我的样式: <span class="phone">(123)123-1234</span> 请参见此jsfiddle(必须使用Microsoft Edge:P打开)。 这种行为干扰了网站的设计,并且令人讨厌。当然,这似乎是IE的后继者的特征:/ 如何覆盖或禁用此功能,以便我的网站用户看不到它?

8
无100%宽度的显示块
我想使用display属性将span元素设置为出现在另一个元素下面。我尝试应用内联块但没有成功,并且发现如果可以设法避免使元素的宽度为100%(我不希望元素“伸出”),我可以使用块。是否可以这样做,如果不能,那么解决此类问题的最佳实践是什么? 例如:一个新闻列表,我想在每个帖子的末尾设置一个“更多”链接(请注意:<a>而不是<span>) <li> <span class="date">11/15/2012</span> <span class="title">Lorem ipsum dolor</span> <a class="read-more">Read more</a> </li> 更新:已解决。在CSS中,套用 li { clear: both; } li a { display: block; float: left; clear: both; }
95 html  width  block  css 

13
防止</ div>之后的换行
有没有办法防止在使用div的div之后换行? 例如我有 &lt;div class="label"&gt;My Label:&lt;/div&gt; &lt;div class="text"&gt;My text&lt;/div&gt; 并希望它显示为: 我的标签:我的文字
95 css  html 


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.