Questions tagged «css»

CSS是层叠样式表的缩写,是一种用于控制HTML和XHTML文档的表示形式(包括颜色,布局和字体)的语言。


6
如何在样式表中找到未使用/未应用的CSS规则?
已锁定。该问题及其答案被锁定,因为该问题是题外话,但具有历史意义。它目前不接受新的答案或互动。 我有一个巨大的CSS文件和一个HTML文件。我想找出显示HTML文件时未使用哪些规则。是否有用于此的工具? CSS文件已经发展了几年,据我所知,没有人删除过其中的任何内容-人们只是一次又一次地编写新的覆盖规则。 编辑:建议使用Dust-Me选择器或Chrome的网页性能工具。但是它们都在选择器级别上起作用,而不是在单个规则上起作用。在很多情况下,选择器中的规则总是会被覆盖-这就是我最想摆脱的规则。例如: body { color: white; padding: 10em; } h1 { color: black; } p { color: black; } ... ul { color: black; } HTML中的所有文本都在某些wrapper元素内,因此它绝不会是白色的。body的填充始终有效,因此当然body不能删除整个选择器。我也想摆脱这种无用的规则。 编辑:另一种无用规则的情况:当它复制现有一个而不更改任何内容时: a { margin-left: 5px; color: blue; } a:hover { margin-left: 5px; color: red; } 我很乐意摆脱第二个margin-left……在我看来,这些工具似乎找不到这些东西。 编辑:我感谢所有的答案,但可惜您建议的工具并没有提出任何有用的建议。我对您的答案进行了投票,但我将等待如上所述的工具来做更细粒度的操作。 谢谢,
18 css  optimization 

4
CSS精灵对SEO不利吗?
如今,通常用<img>标签完成的工作现在是通过诸如<div>CSS的背景图片来完成的,该图片使用CSS“ sprite”和偏移量设置。 我想知道他对SEO有什么样的影响,因为实际上我们失去了该alt属性(由Google编制索引),并停留在“ title”属性(据我所知未编入索引)。 这是一个明显的劣势吗?
18 seo  css 

1
Google如何显示:CSS媒体查询无反应?
根据Google网站站长指南,“隐藏文字”是不可接受的。这意味着我确实有一个dov,如果我将其显示为包含链接或图像的大量标题或段落:CSS中没有显示,这违反了Google抓取政策(即看起来)。 我的问题是,如果我在媒体查询中使用它,Google会如何反应?我的意思是 @media handheld, only screen and (max-width: 767px) { body { } .mobile-friendly{ display:none;} } 为了流畅的网站开发,我们常常不得不隐藏某些内容以使网站移动友好。现在,不再为每个浏览器创建CSS,而是在同一个文件中编码CSS,并使用媒体查询定义浏览器的行为。 谷歌是否对此采取了任何行动? -其他Piont /问题谢谢@John Conde; 你是对的。Google仍未对隐藏文字采取太多措施。但专业SEO仍然建议不要使用它。在使用wordpress标记内的徽标并将其文本缩进到-9999px的示例中,涉及到更多技巧。 当我试图安全时;这让我很烦。 Google隐藏文字违规指南 您会看到他们清楚地提到了CSS显示属性。他们没有解释这些媒体查询异常!由于我正努力确保自己的安全,并且Google对此一无所获,因此我对这个问题仍然感到困惑。有什么建议吗? 感谢编辑的编辑。对于您的不便,我是新来的。 为什么您可能需要隐藏一些内容?我想要的博客是响应式的。我想让我的访客知道它的移动友好设计。我放置了一些移动图标,以提供更好的用户体验和可用性保证。但我希望它们仅在桌面浏览器上可见,而不在移动设备上可见。因为如果他们已经在通过移动设备进行浏览,则无需通知它们。实际上,我可以告诉他们,此网站可以在移动设备上用作网络应用程序。


1
通过并行CSS下载提高网站性能?
我正在优化网站的页面加载时间。一种方法是将CSS的多个HTTP请求合并为一个合并的HTTP请求。但是其中一位审阅者提出了一个有趣的问题:将多个CSS文件的下载并发会不会减少页面加载时间? 我从来没有考虑过这个选项,因为我在互联网上读到的唯一一件事就是减少(阻止)HTTP请求的数量是加快网页速度的关键(尽管Google Pagespeed Insights似乎并未明确指出这一点1)。 我看到了为什么并行化不会提高性能或仅影响很小的几个原因(被使用更少的HTTP请求所带来的好处所抵消): 设置新连接非常昂贵。虽然可以并行设置多个连接,但浏览器最多使用约4-6个连接(取决于浏览器),因此并行下载CSS会阻止下载其他资源,例如JavaScript和图像。 设置HTTPS连接需要一些额外的数据。我读过这很容易就是几KB的数据。这是一些额外的数据,必须通过网络发送,而不是我们实际要发送的CSS。 由于使用了TCP慢启动算法,因此通过连接发送的数据越多,连接速度就越快。因此,寿命更长的连接实际上将比新连接更快地发送数据。例如,请参阅SPDY协议,该协议使用单个连接来缩短页面加载时间。 TCP是一种抽象:通常只有一个基础连接。因此,当使用多个请求时,通过有线发送的数据可能不一定会完全受益于多个连接以提高速度。 Internet连接本质上是不可靠的,尤其是在移动设备上。一个请求的完成速度可能比另一个请求快得多。对CSS使用多个请求意味着渲染网页直到最后一个请求完成才被阻止,这可能比平均连接时间晚很多。 因此,并行处理CSS文件的HTTP请求是否有任何好处? 注意/更新:所有CSS文件都被渲染阻止。尚未移出关键路径的CSS文件。
15 css  performance 

1
这种涉及'font-size:0'的内联代码对SEO来说是否危险?
不久前,我在Stack Overflow上回答了这个问题: /programming/5078239/how-to-remove-the-space-between-inline-block-elements 问题是display: inline-block,由于受HTML中的空白影响,具有“额外间隙”的元素,请参见:http : //jsfiddle.net/thirtydot/4z4v2/ 如图所示,可以通过删除HTML中的空格来消除间隙。但是,删除该空格有时是不受欢迎的解决方案:例如,它使HTML更加难以使用。 因此,我建议采用以下解决方法:http : //jsfiddle.net/thirtydot/4z4v2/1/ ul { font-size: 0; letter-spacing: -1px; } li { font-size: medium; letter-spacing: normal; } (letter-spacing需要完全消除Safari中的空白) 那就是那个。 ..直到在另一个答案中提出该技术时弹出一个评论: 请谨慎使用此代码,因为网络爬虫可能会将其解释为滥用行为,因为您将文本明确隐藏在包含链接的元素内。确实,由于具有更高的特异性规则,链接本身是可见的,但是Web爬网程序仍然在容器内看到一堆链接,告诉容器的所有祖先都隐藏了其文本内容。 我仅在一个网站上使用了此技术(..我通常只是删除空格),并且该网站在Google 上的排名正确(没有链接,对不起)。如果重要的话,该网站上的网页定位非常明确,格式为“词组+位置”:例如“ Zombie Chopper Ravenholm”。 我只真正关心Google,但是也欢迎您提供有关其他搜索引擎的答案。 所以,我的问题是: font-size: 0即使实际上没有隐藏任何文字,仅仅是存在SEO风险吗?
14 seo  google  html  css 

8
字体在Firefox和Chrome中的显示方式有所不同
似乎我的菜单栏在Firefox中显示的字体与在Chrome中显示的字体不同。请参阅以下内容: 这是应用于此元素的CSS: font-variant: small-caps; font-size:13px; letter-spacing: 0px; font-family: Arial; font-stretch: normal; text-decoration: none; 据我所知,关于该字体的所有信息都完全相同,但它们仍然显示不同(请参见图片)。为什么?

4
如何预加载仅在悬停时使用的图像?
我有一个链接,该链接以一个背景图片开始,然后在悬停时更改为另一个。两个背景图像均在CSS中设置。在您实际悬停之前,我的浏览器(其中的任何一个)似乎都不会加载悬停图像。但随后,在加载新图像所需的几秒钟(在我的连接非常慢的情况下)中,您最终得到了空白图像。有没有一种方法可以鼓励浏览器预加载悬停图像,以免在悬停时发生延迟时间?
14 css  images  load-time 


1
重构大/旧的CSS文件
我目前在一个100,000页的网站上工作,当前的设计已经实施了5年多,并且连续的更新已形成4个12,000+行的CSS文件。 显然,CSS已经变得笨拙,许多样式已被复制,几乎不可能知道实际使用了多少种样式。 我们可以缩小规模,但这并不能真正解决问题,只是延迟了不可避免的返工。 所以三个问题是否有任何工具了那里... 重复删除大型CSS文件? 扫描站点并记录CSS类和ID的使用? 这样的扫描可以用某种脚本来实现吗?

4
iPad和iPhone浏览器在网站上旋转图像?
我现在正在建立的网站上遇到奇怪的情况,该网站上显示的图像与应该显示的图像相差90度,但同时又保持了我指定图像的正常尺寸。对于我来说,这仅发生在iPad和iPhone上的Safari上……所有其他浏览器都没有此问题。 有任何想法吗? 可以在此处查看有问题的页面:http : //www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/
13 css  images  iphone  ipad 


6
如何鼓励浏览器更快地从C​​SS文件下载图像?
我使用CSS放置了很多图片(作为的背景<div>),并且我经常发现它们以这种方式加载非常缓慢。它们似乎是最后加载的东西。即使很小的小图标图像也需要一段时间才能显示出来。有没有办法告诉浏览器图像优先级?还是让它更早下载CSS文件中的图像并更早呈现它们?
13 css  images  load-time 

4
CSS可以享有版权吗?
我知道网站上的CSS受网站版权的保护,因为它被认为是整体设计的一部分。我也知道CSS中使用的图像具有版权。 何时使用CSS创建图像呢? 有一个CSS3图标集,需要支付25美元的许可费。另一位开发者声称这些图像受版权保护,除非您付费,否则使用任何图标都是违法的。我说您不能对一部分代码进行版权保护,并且如果我在CSS中重新创建箭头或光盘图标(无论是复制他的代码还是编写自己的代码),他将没有追索权。 CSS本身可以享有版权吗?
13 css  copyright  css3 

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.