Questions tagged «css»

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

12
CSS Div拉伸100%页面高度
我在页面的左侧有一个导航栏,我希望它可以延伸到页面高度的100%。不仅是视口的高度,还包括在滚动之前隐藏的区域。我不想使用JavaScript来完成此任务。 可以在HTML / CSS中完成吗?
195 css  height  max  stretch 

6
如何在样式表中仅定位IE(​​任何版本)?
我有一个继承的项目,并且在某些地方完全混乱。这就是其中之一。我只需要定位IE(​​任何版本)。 #nav li { float: left; height: 54px; background: #4f5151; display: table; border-left: 1px solid grey; } 需要说明的是:在嵌入式样式表中,并且没有在html中的标记中添加ID或类,我仅在用户使用IE 时才需要应用边框样式。我怎样才能做到这一点? 编辑:找到了Firefox的解决方案,编辑问题来反映这一点。
195 css 

14
显示是否相反:无?
相反的visibility: hidden是visibility: visible。同样,有什么反面display: none吗? 很多人困惑于如何在元素显示时显示元素display: none,因为它不像使用该visibility属性那样清晰。 我可以使用visibility: hidden代替display: none,但是它不会产生相同的效果,因此我不打算使用它。
195 css 

11
加载时有css3过渡动画?
是否可以在不使用Javascript的情况下在页面加载时使用CSS3过渡动画? 这是我想要的,但是在页面加载时: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html 我到目前为止发现的 CSS3 transition-delay,一种延迟对元素的影响的方法。仅适用于悬停。 CSS3 Keyframe,可在负载下工作,但运行速度极慢。因此没有用。 CSS3过渡足够快,但不会在页面加载时进行动画处理。

9
如何仅在表格内应用边框?
我试图弄清楚如何仅在表格内添加边框。当我做: table { border: 0; } table td, table th { border: 1px solid black; } 边框围绕整个表格,也位于表格单元格之间。我要实现的是仅在表格单元格周围的表格内部有边框(表格周围没有外部边框)。 这是我用于表格的标记(即使我认为这并不重要): <table> <tr> <th>Heading 1</th> <th>Heading 2</th> </tr> <tr> <td>Cell (1,1)</td> <td>Cell (1,2)</td> </tr> <tr> <td>Cell (2,1)</td> <td>Cell (2,2)</td> </tr> <tr> <td>Cell (3,1)</td> <td>Cell (3,2)</td> </tr> </table> 以下是我适用于大多数表格的一些基本样式: table { border-collapse: collapse; border-spacing: …
195 html  css  html-table  border 

6
如何在剃刀视图上引用.css文件?
我知道如何在_Layout.cshtml文件上设置.css文件,但是如何基于每个视图应用样式表呢? 我的想法是,在_Layout.cshtml中,您可以使用<head>标记,但在一个非布局视图中却没有。哪里的<link>标签去?
195 css  asp.net-mvc  razor 

6
通过S3从Amazon CloudFront提供压缩的CSS和JavaScript
我一直在寻找使网站加载速度更快的方法,而我想探索的一种方法是更多地使用Cloudfront。 由于Cloudfront最初不是设计为自定义CDN的,并且因为它不支持gziping,所以到目前为止,我一直在使用它来托管我的所有图像,这些图像在我的站点代码中由它们的Cloudfront cname引用,并经过了优化-futures标头。 另一方面,CSS和javascript文件托管在我自己的服务器上,因为到目前为止,我一直无法从Cloudfront中获得CSS和javascript文件的印象,而获得gzip压缩(大约75%)的收益超过了使用CDN(约占50%):Amazon S3(因此也就是Cloudfront)不支持使用浏览器发送的HTTP Accept-Encoding标头以标准方式提供压缩内容,以表明他们支持gzip压缩,并且因此他们无法即时压缩和提供组件。 因此,直到现在,我的印象是,必须在两种选择之间进行选择: 将所有资产移至Amazon CloudFront,而不必担心GZipping; 保持组件自托管,并配置我们的服务器以检测传入的请求,并根据需要即时执行GZipping,这是我到目前为止选择的操作。 还有人变通办法来解决这个问题,但本质上这些没有工作。[ 链接 ]。 现在,Amazon Cloudfront似乎支持自定义来源,并且如果您正在使用“自定义来源” [ link ],现在可以使用标准的HTTP Accept-Encoding方法来提供压缩后的内容。 到目前为止,我还无法在服务器上实现新功能。我上面链接到的博客文章,这是我发现的唯一详细介绍此更改的文章,似乎暗示着,如果您选择自定义来源,则只能启用gziping(我不想使用的栏变通方法)。我宁愿不要:我发现将Coresponding的文件托管在Cloudfront服务器上并从那里链接到它们更简单。尽管仔细阅读了文档,但我不知道: 新功能是否意味着文件应该通过自定义来源托管在我自己的域服务器上,如果是,则通过什么代码设置可以实现此目的; 如何配置css和javascript标头,以确保从Cloudfront压缩后提供它们。

24
禁用从HTML页面拖动图像
我需要在页面上放置图片。我想禁用该图像的拖动。我正在尝试很多事情,但没有帮助。有人可以帮我吗? 我不想将该图像保留为背景图像,因为我正在调整图像的大小。
194 javascript  jquery  html  css  image 

8
使用CSS时画布会被拉伸,但是具有“ width” /“ height”属性的普通画布
我有2个画布,一个使用HTML属性width并调整height其大小,另一个使用CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1会像应该显示的那样显示,但不会像compteur2那样显示。内容是使用JavaScript在300x300画布上绘制的。 为什么会有显示差异?
194 css  html  canvas  height  width 

28
CSS @ font-face不适用于Firefox,但适用于Chrome和IE
以下代码可在Google Chrome beta和IE 7中运行。但是,Firefox似乎对此有问题。我怀疑这是我的CSS文件如何包含的问题,因为我知道Firefox对跨域导入不太友好。 但这只是静态HTML,没有跨域问题。 在我的landing-page.html上,我像这样进行CSS导入: <link rel="stylesheet" href="../css/main.css" type="text/css" media="screen, projection" /> 在main.css中,我还有另一个导入,例如: @import url("reset.css"); @import url("style.css"); @import url("type.css"); 在type.css中,我有以下声明: @font-face { font-family: "DroidSerif Regular"; src: url("font/droidserif-regular-webfont.eot"); src: local("DroidSerif Regular"), url("font/droidserif-regular-webfont.woff") format("woff"), url("font/droidserif-regular-webfont.ttf") format("truetype"), url("font/droidserif-regular-webfont.svg#webfontpB9xBi8Q") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "DroidSerif Bold"; src: url("font/droidserif-bold-webfont.eot"); src: …

2
带引导网格系统的嵌套行?
我想要1个较大的图像和2个2x2格式的4个较小的图像,如下所示: 我最初的想法是将所有东西都放在一排。然后创建两列,并在第二列中创建两行和两列以创建1x1和2x2效果。 但是,这似乎是不可能的,或者我只是没有正确执行?

11
如何保存Chrome开发者工具的“样式”面板中的CSS更改?
如何保存Google Chrome开发者工具的“样式”面板的CSS更改? 在工具的网站上提到我们可以在资源面板中看到所有更改 但是我在本地处理CSS文件,但是对我来说,更改没有显示在“资源”面板中 顺便说一句,您是否知道任何可保存Chrome开发者工具的CSS更改的插件和工具? 我知道Firebug有很多https://stackoverflow.com/search?q=firebug+CSS+changes+save

4
设置ajax的超时时间(jQuery)
$.ajax({ url: "test.html", error: function(){ //do something }, success: function(){ //do something } }); 有时success功能运作良好,有时却无法。 如何为此ajax请求设置超时?例如,如果时间为3秒,则显示错误。 问题是,ajax请求将冻结该块直到完成。如果服务器关闭了一段时间,它将永远不会结束。
194 javascript  jquery  html  css  ajax 

14
轮廓和边框之间的区别
有人知道CSS中“边框”和“轮廓”属性之间的区别吗?如果没有区别,那么为什么同一事物有两个属性?
194 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.