Questions tagged «css»

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

30
如何禁用文本选择突出显示
对于充当按钮的锚(例如,“堆栈溢出”页面顶部的“ 问题”,“ 标签”,“ 用户 ”等)或选项卡,是否存在CSS标准方法来禁用突出显示效果(如果用户不小心选择了文本)? 我意识到可以使用JavaScript来完成此操作,并且经过一番搜寻后得出了仅适用于Mozilla的-moz-user-select选项。 是否有使用CSS的符合标准的方法,如果没有,“最佳实践”方法是什么?

30
如何将<div>水平居中
Наэтотвопросестьответына 堆栈溢出нарусском:СделатьблокDIVпоцентруродительскогоблока,асодержимоеблока格выровнятьпоправомукраю 如何使用CSS &lt;div&gt;在另一个文件中水平居中&lt;div&gt;? &lt;div id="outer"&gt; &lt;div id="inner"&gt;Foo foo&lt;/div&gt; &lt;/div&gt;
4283 html  css  alignment  centering 

30
使用CSS更改HTML5输入的占位符颜色
Chrome支持元素上的占位符属性input[type=text](其他可能也支持)。 但是以下CSS内容对占位符的价值没有任何作用: input[placeholder], [placeholder], *[placeholder] { color: red !important; } &lt;input type="text" placeholder="Value"&gt; 运行代码段隐藏结果展开摘要 Value仍将保留grey而不是red。 有没有办法改变占位符文本的颜色?


30
是否有CSS父选择器?
如何选择&lt;li&gt;锚元素的直接父元素? 例如,我的CSS将是这样的: li &lt; a.active { property: value; } 显然,可以使用JavaScript进行此操作,但是我希望CSS Level 2本身具有某种解决方法。 我正在尝试设置样式的菜单已由CMS弹出,因此我无法将活动元素移动到&lt;li&gt;元素...(除非我将菜单创建模块作为主题,但我不希望这样做)。 有任何想法吗?
3175 css  css-selectors 

19
是否可以将CSS应用于字符的一半?
Наэтотвопросестьответына 堆栈溢出нарусском:ВозможнолиспомощьюCSS + HTMLсделатьдвух-цветныебуквышрифта? 我在寻找什么: 设置一个字符的一半样式的方法。(在这种情况下,一半字母是透明的) 我目前正在搜索并尝试过的内容(没有运气): 样式字符/字母一半的方法 使用CSS或JavaScript设置字符的样式 将CSS应用于字符的50% 以下是我尝试获取的示例。 为此是否存在CSS或JavaScript解决方案,还是我不得不诉诸图像?我宁愿不走图片路线,因为此文本最终会动态生成。 更新: 既然许多人问我为什么要对角色的一半进行样式设置,这就是为什么。我市最近花费了25万美元为自己定义了一个新的“品牌”。他们想出了这个徽标。许多人抱怨简单性和缺乏创造力,并继续这样做。我的目标是开个玩笑这个网站。输入“ Halifax”,您将明白我的意思。
2815 javascript  html  css 



16
何时在CSS中使用margin和padding [关闭]
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗?更新问题,以便通过编辑此帖子以事实和引用的形式回答。 2年前关闭。 在编写CSS时,在决定何时使用margin和何时使用时是否应使用特定的规则或准则padding?
2355 css  padding  margin 

30
如何使用CSS为文本或图像提供透明背景?
仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明? 我想在没有文本和背景作为两个独立元素的情况下完成此操作。 尝试时: p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { color: white; filter: alpha(opacity=100); opacity: 1; } &lt;p&gt; &lt;span&gt;Hello world&lt;/span&gt; &lt;/p&gt; 运行代码段隐藏结果展开摘要 子元素似乎受到其父对象的不透明性的影响,opacity:1相对于opacity:0.6父元素而言。
2283 html  css  opacity 

30
如何使div的浏览器窗口高度为100%
我有两列的布局-左div和右div。 右边div有一个灰色background-color,我需要根据用户浏览器窗口的高度垂直扩展它。现在background-color结束于该内容的最后一部分div。 我试过height:100%,min-height:100%;等
2135 html  css  height 

30
如何转换高度:0; 达到高度:自动;使用CSS?
我正在尝试&lt;ul&gt;使用CSS过渡制作幻灯片。 将&lt;ul&gt;在开始关闭height: 0;。悬停时,高度设置为height:auto;。但是,这导致它只是显示而不是过渡, 如果我从height: 40px;到进行操作height: auto;,则它将滑到height: 0;,然后突然跳到正确的高度。 不使用JavaScript,我还能怎么做? #child0 { height: 0; overflow: hidden; background-color: #dedede; -moz-transition: height 1s ease; -webkit-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease; } #parent0:hover #child0 { height: auto; } #child40 { height: 40px; overflow: hidden; background-color: #dedede; -moz-transition: height 1s …
2131 css  css-transitions 


21
在图像旁边垂直对齐文字?
为什么不行vertical-align: middle?但是,vertical-align: top 确实可以。 span{ vertical-align: middle; } &lt;div&gt; &lt;img src="http://lorempixel.com/30/30/" alt="small img" /&gt; &lt;span&gt;Doesn't work.&lt;/span&gt; &lt;/div&gt; 运行代码段隐藏结果展开摘要

22
当用户将鼠标悬停在列表项上时,使光标成为手
我有一个列表,并且有一个用于其项目的点击处理程序: &lt;ul&gt; &lt;li&gt;foo&lt;/li&gt; &lt;li&gt;goo&lt;/li&gt; &lt;/ul&gt; 如何将鼠标指针更改为手形指针(如将鼠标悬停在按钮上)?现在,当我将鼠标悬停在列表项上时,该指针将变为文本选择指针。
1957 css 

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.