小编Sam*_*Sam的帖子

如何在不使用任何图像或span标签的情况下通过CSS在UL/LI html列表中设置Bullet颜色

想象一下包含一些<li>项目的简单未排序列表.现在,我已经将子弹定义为方形通过list-style:square;但是,如果我设置了<li>项目的颜色,color: #F00;那么一切都变成了红色!

虽然我只想设置方形子弹的颜色.是否有一种优雅的方式来定义CSS中子弹的颜色......

...不使用任何精灵图像也不使用span标签!

HTML

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<ul>
Run Code Online (Sandbox Code Playgroud)

CSS

li{
   list-style:square;
}
Run Code Online (Sandbox Code Playgroud)

css layout colors css3 html-lists

503
推荐指数
13
解决办法
81万
查看次数

一个小小的favicon需要另一个HTTP请求,这不是很愚蠢吗?如何让favicon进入雪碧?

大家都知道如何在HTML中设置favicon.ico链接:

<link rel="shortcut icon" href="http://hi.org/icon.ico" type="image/x-icon">
Run Code Online (Sandbox Code Playgroud)

但我认为,对于一个小的几字节图标,您需要另一个HTTP请求,这简直太傻了.所以我想知道,我怎么能让这个图像成为精灵的一部分(例如background-position = 0px -200px;),以便加速并保存那个有价值的HTTP请求:我怎么能解决这个问题并把它带到我的其余部分我的徽标和其他艺术品的现有图像精灵?

指向background-position=0px -200px;瀑布图上项目nr.31 的机器人是我的宠物ZAM,他经常更开心,他有一个好点让我知道它在网上进行一些创意升级的时间,尽管他和我不同意他的装备,我觉得今天有点傻......

在此输入图像描述

html javascript css favicon performance

294
推荐指数
12
解决办法
4万
查看次数

缓存,PHP生成的缩略图加载缓慢

问题A部分 ▉(100个赏金,被授予)
主要问题是如何使这个网站,加载更快.首先,我们需要阅读这些瀑布.感谢您对瀑布读数分析的建议.从这里显示的各种瀑布图表可以看出主要的瓶颈:PHP生成的缩略图.来自CDN建议的无协议jquery加载得到了我的赏金,虽然使我的网站总体上只增加了3%,​​并且没有回答网站的主要瓶颈.是时候澄清我的问题了,还有另一个赏金:

问题B部分 ▉(100个赏金,获奖)
现在新的焦点是解决6 jpg图像所带来的问题,这些问题导致了大部分的加载延迟.这6个图像是PHP生成缩略图,很小,只有3〜5 KB,但加载相对慢.注意各种图形上的" 第一个字节的时间 ".这个问题仍未得到解决,但詹姆斯获得了一笔赏金,他解决了RedBot 强调的标题错误:"If-Modified-Since条件请求返回了完整内容不变." .

问题C部分 ▉(我的最后一笔赏金:250分)
不幸的是,在修复了REdbot.org标题错误之后,由PHP生成的图像引起的延迟仍未受到影响.这些微小的3~5Kb缩略图在想什么呢?所有标题信息都可以发送火箭到月球和后面.关于这个瓶颈的任何建议都非常受欢迎并被视为可能的答案,因为我已经困在这个瓶颈问题已经七个月了.我提前谢谢了.

[我网站上的一些背景信息:CSS位于顶部.底部的JS(Jquery,JQuery UI,购买菜单awm/menu.js引擎,选项卡js引擎,视频swfobject.js)第二个图像上的黑线显示什么是启动加载的内容.愤怒的机器人是我的宠物"ZAM".他是无害的,往往更快乐.]


加载瀑布:按时间顺序排列 | http://webpagetest.org 在此输入图像描述


并行域分组 | http://webpagetest.org 在此输入图像描述


Site-Perf瀑布 | http://site-perf.com 在此输入图像描述


Pingdom工具瀑布 | http://tools.pingdom.com

在此输入图像描述


GTmetrix瀑布 | http://gtmetrix.com

在此输入图像描述


php performance .htaccess cache-control

179
推荐指数
4
解决办法
7134
查看次数

JSLint错误:"将调用移动到包含该函数的parens"

JSLint对此错误的意义是什么?它应该如何改写?

Error: Problem at line 78 character 3: Move the invocation into the parens that contain the function: })(jQuery);

javascript debugging jquery compiler-errors jslint

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

li:在{content:"■"之前; 如何在电子邮件文具中将这个特殊字符编码为Bullit?

之后得意地着色我liststyle子弹没有任何图像URL或span标签,通过:

ul{ list-style: none; padding:0;  margin:0;  }
li{ padding-left: 1em; text-indent: -1em;    }
li:before { content: "?"; padding-right:7px; }
Run Code Online (Sandbox Code Playgroud)

虽然这些样式表完美地适用于圆形边框和其他css3内容,虽然电子邮件的收件人(例如,Eudora OSE 1)正确呈现所有css样式,就像在浏览器中一样,但有一个问题:子弹像?变成&#adabacadabra;

最后出现在电子邮件中:

在此输入图像描述

我该如何从这里开始?

css list character-encoding special-characters

63
推荐指数
3
解决办法
17万
查看次数

在PHP中显示当前月份和年份的最简单方法,如"2016年8月"?

什么是最简单,最简单的代码,以全英文September或缩写三字母版本生成当月Feb,然后添加当前年份2011

所以代码将根据月份和年份来回应:

August 2016Aug 2016etcettera.谢谢!

php datetime date echo

39
推荐指数
2
解决办法
17万
查看次数

如何在CSS3站点布局中跨多个列跨越图像?

给定一个简单的连续文本段的基本四列布局,以及只有一个图像跨越三列,右上对齐,我们如何在最后三列上跨越我们的图像,以便我们的文本自动围绕图像流动?

在此输入图像描述

.quatroColumns{}             /* css multi column 4 columns */
.imageSpanning2Columns{}     /* align to top-right */
.imageSpanning3Columns{}     /* align to top-right */
.imageDescription{}          /* description box over image */
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/Vbr9d/205/ (很难找到图片应该去的地方:不简单而不优雅的开始!)
http://jsfiddle.net/Vbr9d/206/ (看起来很难看,但HTML启动优雅地分离图像和文字pragraph!)


*忘记旧的浏览器版本,除了当前主流版本:Firefox,Internet Explorer,Chrome,Safari.欢迎任何想法,方向或实验.用于将段落文本自动拆分为不同div的替代JavaScript实现也是受欢迎的.

html javascript css image css3

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

当它们全部合并到一个文件中时,javascript文件的ORDER是否重要?

在今天的现代时代,许多(流行的)javascripts文件是在外部和本地加载的,javascripts文件被调用的顺序是否很重要,特别是当所有本地文件都被合并(缩小)到一个文件中时?

此外,许多人声称Javascript应该放在页面底部,而其他人说javascript最好留在头脑中.一个人应该做什么?谢谢!


google cdn latest jquery js              | external
another cdn loaded javascript js         | external

TabScript  ...js          \
GalleryLightbox  ...js     \
JavascriptMenu  ...js       \
HTMlFormsBeautifier ...js    > all minified and combined into one .js file!
TextFieldResize  ...js      /
SWFObjects  ...js          /
Tooltips ...js            /
CallFunctions   ...js    /
Run Code Online (Sandbox Code Playgroud)

javascript performance dom httprequest

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

为什么我的301重定向需要这么长时间?

在漫长的疲惫寻求加速我的网站,我发现重定向有问题:目前我的index.php通过PHP标头位置处理所有主页重定向301永久重定向: website.com>> website.com/en/homewebsite.de>> website.de/de/homeetcettera etcettera(大约20)对于这个多语言网站,它需要200ms到6000ms才能进行重定向.看看瀑布!

在那之后,页面在霹雳眨眼之间加载!你不会说什么浪费时间?什么是服务器这么做?仔细检查后,我最好的猜测是:它做了洗衣!

我几乎放弃了PHP!任何和我所有令人费解的问题的线索都非常欢迎+1

答:事实:Apache/2.0.54 Fedora,PHP 5.2.9.没有数据库:只有大约15个php的平面php文件,包括用页眉和页脚完成我的页面).YSlow等级:92/100!好页面速度:93/100!javascript和css尽可能合并.缓存控件似乎设置得很好(由成绩证明).在100分中的7分中缺少什么:不使用Keep-Alive(在共享主机中使用我的控制权而不使用内容分发网络.我可以忍受那些缺少7分的人,但这是对速度的重大打击!

B.此外:我最近在这里得到了很好的见解,我应该通过htacces使用url重写.点了,但是,也许还有其他错误,我应该纠正,然后继续为我更难的apache正则表达式语法.

C.更快的方式:当我浏览include预期的主页,而不是重定向,然后所有加载速度快,但网址没有被重写:它位于浏览器栏上的website.com,而我希望包括它成为website.com/EN /家.这可能用PHP吗?要包含+更改网址的当前地址?

截图

结论:您可以使用index.php或使用.htaccess重定向.从我的测试中得到Sofar(来自下面的天才答案!感谢所有人!)后者在速度方面似乎无与伦比:重定向比重定向更快!将重定向减少到比第一个dns查找短.

请参阅此处如何对多语言网站进行此类更正

php redirect location header

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

多个RewriteConditions:如何在一组规则之前链接它们?

Q1:如何将这两个条件联系起来Q2:如何让它们坚持下面的所有重写规则而不仅仅是第一条规则?if BOTH A AND B, then proceed...

RewriteCond %{REQUEST_URI} ^IMAGE-.*$      // if filename starts with IMG- and,
RewriteCond %{REQUEST_FILENAME} !-f        // if file does exist, then proceed:
RewriteRule Rule1
RewriteRule Rule2
RewriteRule Rule3

# -- END IF -- STOP HERE -- #
Run Code Online (Sandbox Code Playgroud)

apache url mod-rewrite apache2

23
推荐指数
3
解决办法
4万
查看次数