Questions tagged «css»

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

9
CSS:100%字体大小-100%是什么?
有很多 有关百分比大小字体和其他大小字体的文章和问题。但是,我找不到百分比值的引用应该是什么。我了解这是“所有浏览器中的尺寸均相同”。我也读了这个,例如: 百分比(%):百分比单位与“ em”单位非常相似,除了一些基本差异。首先,当前字体大小等于100%(即12pt = 100%)。使用百分比单位时,您的文本对于移动设备和可访问性仍然可以完全扩展。 资料来源:http : //kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/ 但是,如果您说“即12 pt = 100%”,则意味着您首先必须定义font-size: 12pt。那是怎么回事?您首先以绝对尺寸定义尺寸,然后将其称为“ 100%”?这样做没有多大意义,因为许多示例都说: body { font-size: 100%; } 因此,通过这样做,什么相对于字体大小?我注意到我在屏幕上看到的大小对于每种字体都不同。例如,Arial看起来比Times New Roman大得多。另外,如果我只想做到这一点,机身尺寸为100%,将那意味着它会在所有的浏览器一样的吗?还是仅当我首先定义一个绝对值时? 更新,7月23日 我要到达那里,但是请忍受我。 因此,如果我理解正确,%值与默认浏览器字体大小有关。好吧,那很好,但再次给我其他几个问题: 每个浏览器版本的标准大小是否总是相同,还是在不同版本之间不同? 一世 !找到(见下图)谷歌浏览器的设置(以前从未看过!),我看到了标准的“ serif”,“ sans-serif”和“ monospace”设置。但是,如何将其解释为其他字体?说我定义font: 100% Georgia;,浏览器将采用什么尺寸?它会为衬线查找标准尺寸,还是将“ Georgia”字体设置为浏览器的标准尺寸? 在几个网站上,我读到类似的内容Sizing text and line-height in ems, with a percentage specified on the body [..], was …
138 css  font-size 

5
以内联形式引导全角文本输入
我正在努力创建一个适合我的容器区域整个宽度的文本框。 <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> 当我执行上述操作时,正如我期望的那样,这两个表单元素都是内联的,但充其量最多不会占用几列。将鼠标悬停col-md-12在firebug中的div上会显示它占用了预期的全宽。只是文本输入似乎无法填充。我什至尝试添加行内宽度值,但没有任何改变。我知道这应该很简单,只是现在感觉真傻。 这是一个小提琴:http : //jsfiddle.net/52VtD/4119/embedded/result/ 编辑: 选择的答案在各个方面都是彻底的,并且是一个很好的帮助。这就是我最终使用的。但是,我认为最初的问题实际上是Visual Studio 2013中默认MVC5模板的问题。它在Site.css中包含此问题: input, select, textarea { max-width: 280px; } 显然,这阻止了文本输入的适当扩展。向未来的ASP.NET模板用户发出警告。

11
如何检测网页中使用了哪种定义的字体?
假设我的页面中有以下CSS规则: body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } 如何检测用户浏览器中使用了哪种定义的字体? 编辑让人不知道为什么要这样做的人:我检测到的字体包含其他字体不可用的字形,并且当用户没有该字体时,我要显示一个链接,要求用户下载该字体,以便他们可以以正确的字体使用我的Web应用程序。 当前,我正在为所有用户显示下载字体链接,我只想为未安装正确字体的用户显示此字体。
138 javascript  html  css  fonts 

8
在链接和脚本标签中的CSS和Javascript URL后面附加“?v = 1”有什么作用?
我一直在查看HTML 5样板模板(来自http://html5boilerplate.com/),并注意到"?v=1"在引用CSS和Javascript文件时在URL中的使用。 "?v=1"在链接和脚本标记中附加到CSS和Javascript URL有什么作用? 并非所有的Javascript URL都有"?v=1"(示例来自以下示例:)js/modernizr-1.5.min.js。有这种原因吗? 来自他们的样本index.html: <!-- CSS : implied media="all" --> <link rel="stylesheet" href="css/style.css?v=1"> <!-- For the less-enabled mobile browsers like Opera Mini --> <link rel="stylesheet" media="handheld" href="css/handheld.css?v=1"> <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects --> <script src="js/modernizr-1.5.min.js"></script> <!------ …
138 html  css  browser-cache 


5
CSS单位-vh / vw和%之间有什么区别?
我刚刚了解了一个新的不常见的CSS单元。vh并分别vw测量视口的高度和宽度百分比。 我从Stack Overflow看了这个问题,但它使单元看起来更加相似。 大众汽车和大众汽车部门如何运作 答案专门说 vw和vh分别是窗口宽度和高度的百分比:100vw是宽度的100%,80vw是80%,依此类推。 这似乎与%单位完全相同,这很常见。 在开发人员工具中,我尝试将值从vw / vh更改为%,反之亦然,并得到相同的结果。 两者之间有区别吗?如果没有,为什么要引入这些新单位CSS3?

10
HTML / CSS中整个div的href链接
这是我要在HTML / CSS中完成的工作: 我有不同高度和宽度的图像,但是它们都在180x235以下。所以我要做的是创建一个divwith border及其vertical-align: middle所有。我已经成功地做到了这一点,但现在我仍然停留在如何正确地将href链接整个链接上div。 这是我的代码: <div id="parentdivimage" style="position:relative;width:184px;height:235px;border-width:2px;border-color:black;border-style:solid;text-align:center;"> <div id="childdivimage" style="position:absolute;top:50%;height:62px;margin-top:-31px;"> <img src="myimage.jpg" height="62" width="180"> </div> </div> 请注意,为了便于在此处复制粘贴,样式代码是内联的。 我读到某个地方,我可以在代码顶部简单地添加另一个父div,然后在其中添加href。但是,根据一些研究,它不是有效的代码。 因此,再次总结一下,我需要将整个div(#parentdivimage)用作href链接。
138 html  css 




4
错误显示“无法获取样式表(#)的文本:找不到具有给定ID的样式表”,这是什么意思?
当我加载正在处理的应用程序时,Chrome中出现此错误: 无法获取样式表50的文本:找不到具有给定ID的样式表 后续页面加载会重复该错误,但编号不同: 无法获取样式表152的文本:找不到具有给定ID的样式表 这仅在Chrome中发生,并且仅在此应用程序中发生。没有堆栈跟踪,引用或任何其他有关给定的ID,所涉及的样式表是什么或通常是什么原因的信息。我如何找到导致此错误的原因并加以解决?
137 css  google-chrome 

3
当位置:绝对时,如何删除Left属性?
选择特定语言后,我会将网站CSS覆盖为RTL版本。 我有一个必须绝对定位的元素。在LTR版本中,我这样做left: 0px;并且它与左侧对齐;在RTL版本中,我想对进行相反的操作right,但是该left属性没有被覆盖,因此它仍然保留在左侧。 我曾尝试使用进行黑客入侵!important,但这没有用。 我尝试设置left: none,但是没有用。 如何设置为无或覆盖时将其完全删除?
137 css  css-position 

3
如何在CSS选择器中排除特定的类名?
当用户鼠标将鼠标悬停在其类名称为的元素上时,我尝试应用背景色"reMode_hover"。 但是我不想改变颜色,如果元素也有"reMode_selected" 注意:因为我在某种有限的环境中工作,所以只能使用CSS而不是JavaScript。 为了明确起见,我的目标是为悬停时的第一个元素着色,但不为第二个元素着色。 的HTML <a href="" title="Design" class="reMode_design reMode_hover"> <span>Design</span> </a> <a href="" title="Design" class="reMode_design reMode_hover reMode_selected"> <span>Design</span> </a> 我在下面尝试过,希望第一个定义有效,但事实并非如此。我究竟做错了什么? 的CSS /* do not apply background-color so leave this empty */ .reMode_selected .reMode_hover:hover { } .reMode_hover:hover { background-color: #f0ac00; }
137 html  css  css-selectors 

10
设置“位置:固定” div相对于父div的宽度
我正在尝试给div(位置:固定)的宽度为100%(与其父div有关)。但是我有一些问题 编辑: 第一个问题是通过使用继承解决的,但它仍然无法正常工作。我认为问题是我正在使用采用100%/继承宽度的多个div。您可以在jsfiddle更新中找到第二个问题:http : //jsfiddle.net/4bGqF/7/ 福克斯的例子 #container { width: 800px; } #fixed { position: fixed; width: 100%; } 和html <div id="container"> <div id="fixed">Sitename</div> <p> blaat </p> </div> 或者您可以尝试一下:http : //jsfiddle.net/4bGqF/ 问题似乎是固定元素始终采用window / document的宽度。有人知道如何解决吗? 我无法使用我的固定元素进行固定,因为我正在使用jScrollPane插件。是否有滚动条取决于内容。 非常感谢! PS:2个div的文本彼此重叠。这只是一个示例,因此并不重要。

4
禁用身体上的滚动
我想body完全禁用HTML上的滚动。我尝试了以下选项: overflow: hidden; (不起作用,没有禁用滚动,它只是隐藏了滚动条) position: fixed; (此方法有效,但它完全滚动到顶部,这对于此特定应用程序是不可接受的) 我无法找到这两个选项的替代方案,还有吗?
137 html  css  scroll 

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.