Questions tagged «css»

我正在博客上进行一些速度测试，并且总是收到关于未使用CSS的投诉。但这不是我从未使用过的CSS，只是在该特定页面上未使用过。 现在，我以一种结构化的方式工作，但是文件中仍然有一些CSS将不被使用，因为您需要在另一页上使用它。 我不认为在不同页面上使用不同的CSS文件是可行的方法，我认为您最好只创建一个可以缓存的大文件。 现在有一种优雅的方式来解决这个问题，或者您只是坚持下去。

10 css  optimization 

我的公司正在放弃对IE6的支持，我才意识到我们可以使用一系列出色的功能。 是否有可与IE6 RIP一起使用的CSS和Javascript功能列表？

10 javascript  css  internet-explorer-6 

使用Firebug编辑CSS，如何保存/导出对CSS所做的更改？ 工具： Firefox，Firebug 重要更新：如果您知道在FireFox标签上锁定前进/后退/刷新的方法，请告诉我。否则，我放弃了将FireBug / FireDiff用作CSS的IDE，这很好，但是大声笑...在错误的时间按退格键，所有工作都消失了...很有趣。因此，就像浏览器在Firebug中突出显示CSS / HTML一样。知道这样做的任何优秀CSS编辑器吗？确实有希望FireBug可以工作，但目前仅认为它适合临时检查和测试。意味着将其用于制造用途。 更新： @Lèsemajesté：作为更新，“ Web Developer插件 ”确实允许您编辑CSS，但不允许您编辑/保存Firebug所做的CSS更改。意味着您使用Firebug标识ID并可能测试更改，但是它不允许您保存Firebug中的更改。这里是“如何”介绍如何将它们一起使用的方法：FF + FB + WD @Lèsemajesté：还在和FireDiff一起玩。它可以正常工作，已经找到了一个错误（尽管我只是在解决它），并且没有能够找到的“方法”，所以我只是尝试每个功能并单击...（对于例如，要导出差异，您必须在列表的最后一项上，右键单击，然后选择“保存差异”。“。diff”只是一个文本文件，不知道为什么此时的扩展名是.diff。 。

10 css  website-design  html  browsers  text-editor 

多年来，我一直在为网站使用以下目录结构： <root> ->js ->jquery.js ->tooltip.js ->someplugin.js ->css ->styles.css ->someplugin.css ->images -> all website images... 在我开始使用不同的第三方组件之前，这对我来说似乎非常好。 例如，今天我下载了一个日期时间选择器javascript组件，该组件在其css文件所在的目录中查找其图像（css文件包含诸如“ url（'calendar.png'）”之类的url）。 所以现在我有3个选择： 1）将datepicker.css放入我的css目录中，并将其图像放入。我不太喜欢这个选项，因为我在css目录中同时包含css和图像文件，这很奇怪。另外，我可能会遇到来自具有相同名称的不同组件的文件，例如2个不同的组件，它们从其css文件链接到background.png。我将必须解决这些名称冲突（通过重命名文件之一并编辑包含链接的相应文件）。 2）将datepicker.css放入我的css目录中，将其图像放入images目录中，然后编辑datepicker.css以在images目录中查找图像。此选项还可以，但是我必须花一些时间来编辑第三方组件以使其适合我的网站结构。同样，这里可能发生名称冲突（如上一个选项中所述），我将不得不对其进行修复。 3）将datepicker.js，datepicker.css及其图像放在一个单独的目录中，假设/ 3rdParty / datepicker /并按照作者的意图放置文件（例如，/ 3rdParty / datepicker / css / datepicker .css，/ 3rdParty / datepicker / css / something.png等）。现在，我开始认为此选项是最正确的。 经验丰富的Web开发人员，您推荐什么？

9 web-development  css  javascript  images  content 

我从事Web开发已有多年了，而且我一直都在完成类似于以下的Web结构： public_html/login.php public_html/css/login.css public_html/js/login.js public_html/img/logo.png 我见过其他人使用： styles/login.css images/logo.png 然后最近我发现我的同事喜欢： public_html/a/login.js - application public_html/s/login.css - styles public_html/i/logo.png - images public_html/p/photo1.jpg - photos public_html/f/menu.swf - flash 除了保存一个或两个字节外，这些选项是否有优点或缺点？这个概念是否有最佳实践？

9 css  javascript  best-practices 

为了使网站对iPhone友好或更易于移动访问，基本要做的事情是什么？

9 css  xhtml  html  mobile  iphone 

在带宽方面，压缩CSS /删除特定页面的未使用规则是否值得，还是我们可以依靠缓存（标头/最后修改）来消除这些开销？ 干杯 此外，祝大家Beta测试顺利！

9 optimization  css  bandwidth 

我正在为另一个团队设计的客户WordPress网站进行一些关键样式的修订。 CSS似乎是一团糟。我发现的一种特质是主题的主样式表style.css@import从子目录中导入另一个样式表：css/default.css。同时，default.css@也将主样式表导入其文件的顶部。 我删除了@import指令，并添加了default.cssto 的内容style.css，但是无论我将default.css样式放在style.css文件的顶部还是底部，这都会破坏布局。@import循环会对级联产生某种影响，从而使布局“起作用”。 我以前从未见过这样的东西。似乎很明显，我应该解开样式表并按增加的顺序对选择器进行排序。但是，故意创建两个相互导入的CSS文件是否有合理的理由？似乎很疯狂，但是这背后可能有原理性的原因吗？ 我专门研究前端开发，而不是WordPress开发。我注意到WordPress分析了主主题样式表以获取主题信息。@import递归在某种程度上对WordPress有用吗？

8 css  import 

除html文档外，当前从我的Web服务器提供的所有文件（css，javascript和图像）均未content-type在http响应标头中指定。当我打算同时删除标记和标记中的type属性时，我碰巧注意到了这一点，但是遇到了以下答案：scriptlink MIME类型也是通过HTTP Content-Type标头发送的，因此，使用type =“ text / css”只能是多余的字节。

8 css  javascript  http-headers 

有谁知道一个好的应用程序可以快速有效地完成它？ 我买了Word Cleaner，但结果仅仅是足够的，我需要遍历所有生成的html文件来清理大量无用的注入标签，例如 <strong>H</strong><strong>ell</strong><strong>o </strong><em>Wor</em><em>ld</em> 我管理的网站上显示的大多数文章都是基于人们在MS Word上编写的文档，人们对这些页的边距或有序/无序列表，脚注/尾注等几乎一无所知，而我不能让他们使用其他东西。 有没有人比我翻阅更正和应用我的CSS风格的技巧来帮助我更有效地处理这些页面？ 注意：仅作记录，在Word中使用“另存为HTML DOC”比使用Word Cleaner最糟糕

8 html  css  conversions 

我在Windows Vista 7、8和IE7-10上看到以下“怪胎”： 声明时，font-family: serif;我看到的是无法识别的旧的位图衬线字体（请参见下面的屏幕截图），而不是预期的Timess New Roman字体。我知道这是一种旧的位图字体，因为它在Windows Vista 8上使用IE7-10（就像在每个版本的Win上的Courier一样）显示别名，没有任何字体平滑化。 屏幕截图： 我想知道（1）任何人都可以确认我的研究，以及（2）奖金：IE显示哪种字体？ 注意： Win XP上的IE6和IE7会分别显示Times New Roman。font-family: serif;是在外部样式表中声明还是在元素上内联都没有关系。引用CSS属性没有区别。将“未知字体”添加到堆栈也没有什么区别。 新截图：来自Jukka的答案是正确的。这是八塘（不是BatangChe）的新截图说明。希望这对某人有帮助。

8 css  fonts  internet-explorer  windows 

我现在以似乎每个人都在使用HTML5的相同方式使用HTML5，这意味着：HTML5标签，Canvas / 3D / javascript和CSS3。 我正在努力寻找一些站点示例，这些站点实际上正在使用这些技术，而不仅仅是演示使用Canvas或CSS3转换或形状已成功完成的某件事的演示。 我正在寻找具有良好视觉外观但还利用动画，滚动和偏移Silverback或Canvas之类的功能的网站，以创建一个交互式的网站，并且我认为这是“具有Flash效果”的网站。 这些是我发现的一些示例： 卷动 http://nikebetterworld.com/ http://benthebodyguard.com/ 动画 http://www.elladesign.com/contact.html 其他 http://www.pirateslovedaisies.com/ 我宽松地使用HTML5，但我讨厌使用它。如果您列出了一个真正吸引人的基于Java脚本的网站，但它没有HTML5文档类型，我将很高兴。

8 html  css  javascript  html5  css3 

在我参加此活动（http://worldtour.fogcreek.com/）时，我注意到该页面的左上角具有Address部分的自定义字体（即“ Fog Creek Software 55 Broadway Fl 55 ....”）。当我查看源代码时，我无法真正确定他们在做什么，但它满足以下条件： 与IE 7,8（和所有其他浏览器）兼容 允许您使用所需的任何字体 是基于文本的，即没有闪光灯，图像等。因此，它更适合SEO和索引等。 那么他们在这里使用什么技术呢？

8 seo  html  css  web-development  website-design 

我知道有多种方法可以将其动态加载到页面中，但是如果我想压缩代码以使其加载得更快，该怎么办？

8 optimization  css  javascript  compression