Questions tagged «css»

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

8
如何删除html中单击的元素周围的虚线
我发现如果有一个 a不链接到新页面的链接,那么当用户单击它时,该元素周围会出现一条虚线,仅当用户单击该页面中的其他任何内容时,它才会消失,如何删除这个? 例: 注意元素周围的虚线Section 2。
114 html  css 


11
Unicode字符作为CSS中列表项的项目符号
例如,我需要使用星号(★)作为列表项的项目符号。 我已经阅读了CSS3模块:Lists,它描述了如何将自定义文本用作项目符号,但是它对我不起作用。我认为,浏览器根本不支持::marker伪元素。 不使用图像怎么办?
114 html  css  html-lists 

12
HTML5输入类型范围显示范围值
我正在建立一个我要使用范围滑块的网站(我知道它仅支持Webkit浏览器)。 我已经将其完全集成并且可以正常工作。但是我想使用a textbox来显示当前的幻灯片值。 我的意思是,如果最初滑块的值为5,那么在文本框中它将显示为5,当我滑动文本框时,值应该更改。 我可以只使用CSS还是使用html。我想避免JQuery。可能吗?
114 html  css  range 

11
忽略CSS?
我正在一个网站上,其中<br>某些标题插入了换行符。假设我无法编辑源HTML,是否有CSS可以忽略这些中断的方法? 我正在移动网站的优化,所以我真的不想使用JavaScript。
114 css 

8
根据覆盖的背景区域的亮度更改文本颜色?
我已经考虑了以下内容,所以现在我想知道您的意见,可能的解决方案等等。 我正在寻找一种插件或技术来更改文本的颜色,或者根据其父​​级背景图像或-color覆盖像素的平均亮度在预定义的图像/图标之间切换。 如果背景覆盖的区域很暗,请将文本设置为白色或切换图标。 此外,如果脚本会注意到父级没有定义的background-color或-image,然后继续搜索最接近的值(从父元素到其父元素),那将是很好的选择。 您对此想法有什么看法?已经有类似的东西了吗?脚本示例? 干杯J.
114 javascript  jquery  html  css  sass 

13
如何调整图像大小以适合浏览器窗口?
这看似微不足道,但是经过所有的研究和编码,我无法使其正常工作。条件是: 浏览器窗口大小未知。因此,请不要提出涉及绝对像素大小的解决方案。 图片的原始尺寸未知,可能适合浏览器窗口,也可能不适合浏览器窗口。 图像垂直和水平居中。 图像比例必须守恒。 图像必须在窗口中完整显示(不裁剪)。 我不希望滚动条出现(如果图像合适,它们也不应该出现。) 窗口尺寸更改时,图像会自动调整大小,以占据所有可用空间而不会大于其原始大小。 基本上我想要的是: .fit { max-width: 99%; max-height: 99%; } <img class="fit" src="pic.png"> 上面的代码的问题在于它不起作用:图片通过添加垂直滚动条来获取所需的所有垂直空间。 我可以使用PHP,Javascript,JQuery,但我会选择仅CSS的解决方案。我不在乎它是否在IE中不起作用。
114 html  css 

2
使弹性项目正确浮动
我有一个 <div class="parent"> <div class="child" style="float:right"> Ignore parent? </div> <div> another child </div> </div> 父母有 .parent { display: flex; } 对于我的第一个孩子,我想简单地将项目浮动到右侧。 我的其他div都遵循父级设置的flex规则。 这有可能吗? 如果没有,我该如何做float: rightunder flex?
114 html  css  flexbox 

3
如何指定CSS类的顺序?
我对CSS和class属性有些困惑。我一直认为,我在属性值中指定多个类的顺序具有含义。后一类可以/应该覆盖前一类的定义,但这似乎不起作用。这是一个例子: <html> <head> <style type="text/css"> .extra { color: #00529B; border:1px solid #00529B; /* Blue */ background-color: #BDE5F8; } .basic { border: 1px solid #ABABAB; } </style> </head> <body> <input type="text" value="basic" class="basic"/> <input type="text" value="extra" class="extra"/> <input type="text" value="basic extra" class="basic extra"/> <input type="text" value="extra basic" class="extra basic"/> </body> </html> …
113 html  css 

5
选择另一个元素之后的第一个出现的元素
我在页面上有以下HTML代码: <h4>Some text</h4> <p> Some more text! </p> 在我中,.css我有以下选择器来设置h4元素的样式。上面的HTML代码只是整个代码的一小部分;有div更多的包裹属于一个shadowbox: #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color : #614E43; margin-top : 5px; margin-left : 6px; } 因此,我的h4元素样式正确,但是我也想p在HTML中设置标签样式。 CSS选择器可能吗?如果是的话,我该怎么做?
113 html  css  css-selectors 

9
如何在网页上使用Apple的新旧金山字体
我想在网站上使用新的San Francisco字体。我试过了: font: 'San Francisco', Helvetica, Arial, san-serif; 无济于事。我已经尝试过此问题的答案,但@font-face不是这里的解决方案。
113 css 

4
CSS中的鼠标按下选择器是什么?
我注意到按钮和其他元素具有默认样式,其行为分为3个步骤:普通视图,悬停/焦点视图和mousedown /单击视图,在CSS中,我可以像这样更改普通视图和悬停视图的样式: button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } 但是如何选择mousedown?我想要这样的东西: button:mousedown{ //some styling } 谢谢
113 html  css  css-selectors 



9
在同一行上左右对齐两个内联块
如何对齐两个内联块,以便一个在左边,另一个在同一行?为什么这么难?是否有类似LaTeX的\ hfill这样的东西可以消耗它们之间的空间来实现这一目标? 我不想使用浮点数,因为有了内联块,我可以将基线对齐。当窗口对于两个窗口而言都太小时,使用内联块,我可以将文本对齐方式更改为居中,然后将它们居中对齐。相对(父)+绝对(元素)定位与浮点数存在相同的问题。 HTML5: <header> <h1>Title</h1> <nav> <a>A Link</a> <a>Another Link</a> <a>A Third Link</a> </nav> </header> CSS: header { //text-align: center; // will set in js when the nav overflows (i think) } h1 { display: inline-block; margin-top: 0.321em; } nav { display: inline-block; vertical-align: baseline; } Thery彼此相邻,但我希望nav右侧。
113 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.