相关疑难解决方法(0)

包含CSS的最佳方式?为什么要使用@import?

基本上我想知道使用@import将样式表导入现有样式表而不是添加另一个样式表的优点/目的是什么?

<link rel="stylesheet" type="text/css" href="" />
Run Code Online (Sandbox Code Playgroud)

到文件的头部?

html css

276
推荐指数
7
解决办法
33万
查看次数

生产代码有哪些优秀的css和js最小化器?

我正在寻找一些最小化css和js文件的应用程序或网站.理想情况下,他们可以批量处理所有或不批处理,一次一批.

javascript css optimization jscompress

38
推荐指数
3
解决办法
2万
查看次数

是否有一个先进的CSS minifier /编译器,它可以执行条带冗余和逗号分隔相同的规则之类的操作?

例如

input{margin:0}body{margin:0;background:white}
Run Code Online (Sandbox Code Playgroud)

会像这样写得更短

input,body{margin:0}body{background:white}
Run Code Online (Sandbox Code Playgroud)

或这个

input,body{margin:0}body{margin:0;padding:0}
Run Code Online (Sandbox Code Playgroud)

会像这样写得更短

input,body{margin:0}body{padding:0}
Run Code Online (Sandbox Code Playgroud)

结论没有这样的工具看到接受的答案.

向工具编写者提示,您可能需要考虑gzip.有时,在二级优化上留下几个字节最后会更短,因为gzip本质上是字节级重复数据删除.如果有两个相同的部分,gzip将引用前一个部分.理想情况下,在决定是否应该在某些时间或所有时间跳过某些优化时,以及选择器和规则的顺序应该是这样考虑的.

css compiler-construction minify

22
推荐指数
1
解决办法
7494
查看次数

减少Javascript和CSS文件大小的最佳方法是什么?

使用大型和/或多个Javascript和CSS文件时,减少文件大小的最佳方法是什么?

javascript css jscompress

21
推荐指数
3
解决办法
2万
查看次数

CSS Minimizer?

你知道一个在线CSS压缩器,它有助于删除减少/无效的CSS声明,并用更优化的CSS替换它吗?

意思是,我知道存在很多"压缩器",只需删除标签,删除评论等.

但我正在寻找的东西足够聪明,知道:

border-top: 1px solid red; 
border-bottom: 1px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red; 
Run Code Online (Sandbox Code Playgroud)

效率更高:

border: 1px solid red;
Run Code Online (Sandbox Code Playgroud)

更新:我正在尝试优化的CSS位于以下链接

http://tinyurl.com/yhy5ln

html css compression optimization

11
推荐指数
1
解决办法
4766
查看次数

大型网站的CSS最佳实践

到目前为止,我在网页设计方面的经验一直是规模很小的网站和博客(页面样式没有多少差异).但是,我现在开始处理一些规模更大的网站,我想通过创建可扩展和可维护的css文件/结构来开始.

目前,我将样式应用于网页的方法是在每个网页中为每个网页提供一个不同的ID,然后当我设计一个页面时,我的css规则将如下所示:

body#news section .top { rules }
Run Code Online (Sandbox Code Playgroud)

当然,对于大型网站应用CSS有一种更可维护的方法吗?

css

5
推荐指数
1
解决办法
4621
查看次数

可以处理 CSS3 渐变的在线 CSS 优化器

有谁知道可以处理 css3 渐变的在线 css 优化器/格式化程序吗?

我尝试过使用http://www.cleancss.com/但转换了类似这样的跨浏览器样式:

.example {background:#555555;background:-moz-linear-gradient(top, #949494 0%, #555555 50%, #171717 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#949494), color-stop(50%,#555555), color-stop(100%,#171717)); 
Run Code Online (Sandbox Code Playgroud)

进入:

.example {background:0 color-stop(50%,#555555), color-stop(100%,#171717));}
Run Code Online (Sandbox Code Playgroud)

谢谢!

css gradient

5
推荐指数
1
解决办法
7142
查看次数

在手机上应用样式表之前延迟

我有一个使用jQuery mobile的移动网站,并且在移动设备上加载CSS时遇到问题.在我的带有Jellybean的Nexus S上,HTML将加载非常快,但CSS需要3-4秒,在此期间,这就是网站的样子:

在此输入图像描述

移动网站本身可以在http://axialdev.ekomobi.com上找到

CSS文件在顶部链接,但它似乎仍然最后加载.调用包含颜色和可见样式的那个client-damafro.min.css.

我做事的方式有什么明显的问题吗?如何解决装载问题?

css mobile loading jquery-mobile

3
推荐指数
1
解决办法
1790
查看次数

PHP CSS - 加载外部文件或echo到头部的更快/更好的做法?

我想知道它是否更好

A)使用<link>或包含外部CSS文件

B)回声/刷新/打印CSS直接进入<head>.

就个人而言,我喜欢选项B,因为它允许

  • 删除评论/缩小
  • 使用位于根目录上方的css
  • 压缩多个css文件=减少HTTP请求

在我付诸实践之前,我应该(不是)有一个重要原因吗?

css php optimization inline head

2
推荐指数
1
解决办法
876
查看次数

我怎样才能缩小我的CSS?

可能重复:对CSS缩小器的
任何建议?

我有一个相当大的CSS文件.是否有任何软件可以使文件变小,以便加载更快?还有什么我可以做的,以增加我的CSS被浏览器缓存的机会?

html css jquery

1
推荐指数
1
解决办法
1563
查看次数