-
禁止缓存:给css/js加上时间戳
所属栏目：[经验] 日期：2018-10-08 热度：132
好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存，到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后，常常会出现客户端没有更新，导致显示出现问题。之前我一直使用时间戳参数的方法来解决： 每次更改了css文件就把参数time的值[详细]
-
CSS border三角的一个应用实例
所属栏目：[经验] 日期：2018-10-08 热度：159
早上了解到一个名为css border三角的技术，纯css2实现,兼容各浏览器(包括Ie6)，且效果非常好，当时即内牛满面，顿感牛人之强大。自己不敢不有样学样，赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
CSS兼容性（IE和Firefox）技巧大全
所属栏目：[经验] 日期：2018-10-08 热度：93
CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DO[详细]
-
自定义样式的input[type=range]
所属栏目：[经验] 日期：2018-10-08 热度：93
今天下午有人在群里提出个问题，能不能把自定义样式应用到HTML 5中的range元素上。晚上研究了一下，是可以实现上述的需求的。请用 Chrome 查看Demo。 代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html html head meta http-equiv[详细]
-
CSS3创建多重边框
所属栏目：[经验] 日期：2018-10-08 热度：131
是的，我们知道：我们可以为border设置它的width，这个border的宽度可以是5px，可是10px，可以是20px，可以是随意数值。 可是，你想象过可以为每1px的border单独设置颜色么？这是个什么概念？就是说，如果你为一个元素设置了10px的border，那么这10px的边[详细]
-
direction实例代码：文本排列方向的改变
所属栏目：[经验] 日期：2018-10-08 热度：81
direction用法示例：改变文本排列的方向，类似左对齐、右对齐的功能，不过又有着很大的差别，在ASP(HTML): direction是设置阴影的强度，但用在CSS中，好像还没有明确定义。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//[详细]
-
css控制滚动条位置 css控制文字方向
所属栏目：[经验] 日期：2018-10-08 热度：185
CSS 控制滚动条的位置及文本方向，运用direction改变文本方向，用overflow的scroll属性控制滚动条的位置，有意思吧，可以将滚动条显示在一块区域的左边，有反常态的使用。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//D[详细]
-
抛弃 CSS Hacks 后的浏览器兼容方案
所属栏目：[经验] 日期：2018-10-07 热度：122
如果你看过之前发在芒果小站的《CSS 忍者：安全的 CSS hacks 秘籍 》这篇文章，应该基本清楚了通过 IE 条件注释替代 CSS Hacks 的技巧。最近考虑在项目中实际应用这个方案。 一般情况下的浏览器兼容需要考虑 IE6/7/8 三种 IE 版本，当然在 IE9 开始逐步推[详细]
-
纯英文纯数字 CSS 强制折行代码
所属栏目：[经验] 日期：2018-10-07 热度：58
文字折行经常被测试拿来当 bug 提，这种蛋疼的事情还是写个公共类了事吧! 将以下代码放在CSS文件中即可： .break-word { word-wrap: break-word; break-word: break-all; } （文章来源：芒果小站）[详细]
-
分享16个优秀的CSS3表单开发教程
所属栏目：[经验] 日期：2018-10-07 热度：165
CSS3给Web开发带来了革命性的影响，以前很多需要 Java Script才能实现的复杂效果，现在使用CSS3就能简单的实现。今天这篇文章和大家分享16个优秀的CSS3表单开发教程。 1. Create a Stylish Contact Form with HTML5 CSS3 2. Create a Slick CSS3 Login For[详细]
-
解决IE6 select z-index无效，遮挡div的bug
所属栏目：[经验] 日期：2018-10-07 热度：51
在最近的一个项目中，遇到了IE6 select遮挡div的bug，为了解决这个bug我查了很多资料，试图找到一个最最有效的方法，很多人是通过iframe的方法来解决，其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法，已经使用 j[详细]
-
不要使用value作为li的自定义属性
所属栏目：[经验] 日期：2018-10-07 热度：161
如果想利用DOM的自定义属性，不要给li设置value，不管给li的value属性设置什么值，返回的都是整型值。 但是，如果通过getAttribute还是能获得真实属性值的。而用obj.value和 jQuery 等类库中的attr方法是不行的。 来源：http://www.iliawang.com/[详细]
-
让 Chrome 崩溃的 CSS 代码
所属栏目：[经验] 日期：2018-10-07 热度：95
让 Chrome 崩溃的 CSS 代码，请看下边的CSS。点击查看DEMO（请使用谷歌Chrome浏览器） Copy to Clipboard 引用的内容：[www.veryhuo.com]background-image: -ms-radial-gradient(center bottom, ellipse closest-corner, #4B8BEE 0%, #78AAF6 100%); backg[详细]
-
学习HTML5的10个顶级资源
所属栏目：[经验] 日期：2018-10-07 热度：179
HTML5已经成为互联网行业的最新流行语，不少人相信这是Web的未来。即使没有加入该社区的人也承认，HTML5包括了本来应该从一开始的HTML规范中包含的功能。在这篇文章中，我们将告诉你大约10 个HTML5的资源，让您现在开始使用该技术。 1)HTML 5工作草案标准[详细]
-
onmouseover的td里面有a标签时晃动
所属栏目：[经验] 日期：2018-10-07 热度：139
这是因为当鼠标移动到td里面的 a 上时，td 的 onmouseout 事件会被触发。 然后 a 的 onmouseover 被触发，由事件传递链，向上又发送到td, 因此 td 的 onmouseover 再次触发，于是就会有闪烁了。 有两种方法可以解决，第一，在 td 的onmouseout 中，对 event[详细]
-
css box-shadow阴影不透明的解决办法
所属栏目：[经验] 日期：2018-10-07 热度：171
你在使用box-shadow来实现阴影效果的时候，有没有注意到有些情况下，阴影并不是透明的效果 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE HTML html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title烈火学院/titl[详细]
-
CSS之a:hover下的span样式无效的解决方法
所属栏目：[经验] 日期：2018-10-07 热度：154
下面的例子中，a标签里包含了一个span，我们可能希望当鼠标移到a上时，span的样式发生变化，但是在ie6下发现无效 !DOCTYPE HTMLhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title/titlestyle type=text/cssa:hover span{font-[详细]
-
有关 HTML5 的应用现状与发展前景的思考
所属栏目：[经验] 日期：2018-10-05 热度：60
现在的 HTML5 就像当年崭露头角时的 Ajax，有人在做，但不知道叫它什么。最近，苹果在 HTML5 上大做文章，而著名的 Web 设计师 Eric Meyer 则提出了 Web Stacks 的概念。Alex Kessinger 是 Yahoo 的一名前端工程师，本文是他对 HTML5 应用现状与前景的思考[详细]
-
模仿 Google 新搜索框的阴影效果
所属栏目：[经验] 日期：2018-10-05 热度：88
如图所示，注意搜索框的下边框和右边框的简单阴影效果。一起到Google看看去！ 是图片吗？ 不是，Google是通过3个不同颜色的边框实现的简单阴影。 (注意：Google的效果不支持IE6，但是模仿的效果支持所有浏览器。) Google是如何实现的？ Google的主要HTML代[详细]
-
如何隐藏滚动条?IE去掉滚动条HTML代码
所属栏目：[经验] 日期：2018-10-05 热度：68
做了一个页面，与桌面 分辨率 一样大小，但是在IE全屏（F11）下却显示有滚动条，而火狐确没有。怎么样去掉IE滚动条呢？其实有一个属性就可以解决。 方法1：直接在body里面加上属性scroll 代码如： body scroll=no 方法2：使用样式表overflow 代码如： HTML[详细]
-
IE6 select z-index无效，遮挡div的解决教程
所属栏目：[经验] 日期：2018-10-05 热度：139
在最近的一个项目中，遇到了IE6 select遮挡div的bug，为了解决这个bug我查了很多资料，试图找到一个最最有效的方法，很多人是通过iframe的方法来解决，其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法，已经使用 j[详细]
-
Img,Script,Link等标签为空可导致页面多余请求
所属栏目：[经验] 日期：2018-10-05 热度：66
把页面中的img，script，link等标签为空链可以导致页面多余请求的问题，包括IE， Firefox ，chrome， Safari ！但是相对于img，script跟link的src、href为空时，在IE下不做请求，而 Chrome , Safari, 和 Firefox则会出现一次多余的新请求。下面详细讲解一[详细]
-
用HTML5制作网页 - HTML5实例教程
所属栏目：[经验] 日期：2018-10-05 热度：159
根据你们询问的人，HTML 5不是迈向创造更语义化的网络的下一 个重要步伐，就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。 争论双方的问题在于，很少的站点在自然环境下使用HTML 5，所以现在所认识到的问题的理论解决方案仍然在很大程度上未[详细]
-
![从语义开始 – 概念、意义、实践 [多图]](/uploads/allimg/c181005/153W05O4SW0-1bU.jpg)
从语义开始 – 概念、意义、实践 [多图]
所属栏目：[经验] 日期：2018-10-05 热度：82
随着WEB标准在国内的不断普及，结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目，其中，由于SEO背后的商业价值影响，语义化得到了突出的重视，作为一名刚入门的前端工作者，我也曾单纯地认为，语义化便是[详细]
-
{ hide_text } CSS文字隐藏总结报告
所属栏目：[经验] 日期：2018-10-05 热度：106
最近整理的一份CSS文字隐藏的demo，总结了几种方法，希望得出一种最完美的方案放进自己的代码片段，可是，到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多，放下浏览器不谈，不同的应用终端，不同的标签结构会有不一样的[详细]
