经验_老爷爷站长网

10个最容易犯的HTML标签错误

所属栏目：[经验] 日期：2018-10-08 热度：60

保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,[详细]
如何在html标记中调用的函数里传递对象

所属栏目：[经验] 日期：2018-10-07 热度：82

最近使用jquery结合Ajax开发一个中小型网站应用。在后台管理中要使用Ajax调用系统功能，根据Ajax的返回结果，使用 jQuery 对前台页面进行操作。比如，使用Ajax调用删除信息的后台功能，如果返回success，则调用删除一行信息。大体代码如下： Copy to Cli[详细]
Css等比例缩放图片后截取图片中的一部分

所属栏目：[经验] 日期：2018-10-07 热度：76

因为在做一个简单的相册功能，做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块，但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法截取前：截取后： CSS代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]img[详细]
Css控制图片大小，自适应缩放，兼容IE6和Firefox

所属栏目：[经验] 日期：2018-10-07 热度：139

Css控制图片大小，自适应缩放，兼容IE6和Firefox，例如我们在日常的网站设计当中，总是会遇到这样的问题，图片大小未知，而我们设计的网站内容区域的宽度是一定的，如果给所有图片设置等量的宽度显示是不行的，通过查询CSS手册，我们知道max-width和max-he[详细]
基于HTML5的小球物理测试系统，附实现原理

所属栏目：[经验] 日期：2018-10-07 热度：147

在线演示：基于HTML5的小球物理测试系统源码下载：点击进入下载页功能说明：一个基于HTML5 canvas的小球物理测试系统，用户可以手动为新的小球设置不同的属性值（颜色，半径，速度等），从而在canvas中发射小球，小球在运动过程中会收到重力，弹性以[详细]
Css技巧：div下图片自适应大小的解决办法

所属栏目：[经验] 日期：2018-10-07 热度：88

今天，烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题，看了一下，这样的问题原因很简单，归结就是没有给div设置高度和宽度，那么当你设置了宽高以后也就无法自适应了，搜索了一下，找到一些解决实例，现在分享给大家：以前的解[详细]
Css 自定义文件上传控件样式（兼容 IE6）

所属栏目：[经验] 日期：2018-10-07 热度：102

要想直接通过 CSS 来控制文件上传控件，基本没戏的。当然也有一些解决方案，例如 Mr.Think 的这篇文章《利用label标签和CSS美化文件上传表单(不兼容IE6)》。昨天也恰好遇到了这个问题，顺手记录下吧。首先，给 input type=file 元素戴个套子，这样比较安[详细]
一行代码解决IE8浏览器兼容问题

所属栏目：[经验] 日期：2018-10-07 热度：126

一行代码解决 IE8 浏览器与IE7之间的兼容性问题，热门的tag非IE8莫属，各浏览器厂商争相发布版本更新，部分网页也存在与IE8的兼容性问题，简单一行代码，让IE8自动调用IE7的渲染模式，只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
抛弃 CSS Hacks 后的浏览器兼容方案

所属栏目：[经验] 日期：2018-10-07 热度：199

如果你看过之前发在芒果小站的《CSS 忍者：安全的 CSS hacks 秘籍》这篇文章，应该基本清楚了通过 IE 条件注释替代 CSS Hacks 的技巧。最近考虑在项目中实际应用这个方案。一般情况下的浏览器兼容需要考虑 IE6/7/8 三种 IE 版本，当然在 IE9 开始逐步推[详细]
纯英文纯数字 CSS 强制折行代码

所属栏目：[经验] 日期：2018-10-07 热度：198

文字折行经常被测试拿来当 bug 提，这种蛋疼的事情还是写个公共类了事吧! 将以下代码放在CSS文件中即可： .break-word { word-wrap: break-word; break-word: break-all; } （文章来源：芒果小站）[详细]
分享16个优秀的CSS3表单开发教程

所属栏目：[经验] 日期：2018-10-07 热度：97

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 热度：135

在最近的一个项目中，遇到了IE6 select遮挡div的bug，为了解决这个bug我查了很多资料，试图找到一个最最有效的方法，很多人是通过iframe的方法来解决，其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法，已经使用 j[详细]
不要使用value作为li的自定义属性

所属栏目：[经验] 日期：2018-10-07 热度：158

如果想利用DOM的自定义属性，不要给li设置value，不管给li的value属性设置什么值，返回的都是整型值。但是，如果通过getAttribute还是能获得真实属性值的。而用obj.value和 jQuery 等类库中的attr方法是不行的。来源：http://www.iliawang.com/[详细]
让 Chrome 崩溃的 CSS 代码

所属栏目：[经验] 日期：2018-10-07 热度：152

让 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 热度：58

HTML5已经成为互联网行业的最新流行语，不少人相信这是Web的未来。即使没有加入该社区的人也承认，HTML5包括了本来应该从一开始的HTML规范中包含的功能。在这篇文章中，我们将告诉你大约10 个HTML5的资源，让您现在开始使用该技术。 1)HTML 5工作草案标准[详细]
onmouseover的td里面有a标签时晃动

所属栏目：[经验] 日期：2018-10-07 热度：86

这是因为当鼠标移动到td里面的 a 上时，td 的 onmouseout 事件会被触发。然后 a 的 onmouseover 被触发，由事件传递链，向上又发送到td, 因此 td 的 onmouseover 再次触发，于是就会有闪烁了。有两种方法可以解决，第一，在 td 的onmouseout 中，对 event[详细]
css box-shadow阴影不透明的解决办法

所属栏目：[经验] 日期：2018-10-07 热度：158

你在使用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 热度：166

下面的例子中，a标签里包含了一个span，我们可能希望当鼠标移到a上时，span的样式发生变化，但是在ie6下发现无效 !DOCTYPE HTMLhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title/titlestyle type=text/cssa:hover span{font-[详细]
从语义开始 – 概念、意义、实践 [多图]

所属栏目：[经验] 日期：2018-10-02 热度：146

随着WEB标准在国内的不断普及，结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目，其中，由于SEO背后的商业价值影响，语义化得到了突出的重视，作为一名刚入门的前端工作者，我也曾单纯地认为，语义化便是[详细]
${ hide_text } CSS文字隐藏总结报告$
{ hide_text } CSS文字隐藏总结报告

所属栏目：[经验] 日期：2018-10-02 热度：183

最近整理的一份CSS文字隐藏的demo，总结了几种方法，希望得出一种最完美的方案放进自己的代码片段，可是，到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多，放下浏览器不谈，不同的应用终端，不同的标签结构会有不一样的[详细]
CSS跨浏览器开发原则[图文教程]

所属栏目：[经验] 日期：2018-10-02 热度：63

在互联网设计过程中，可以说没有什么比开发出一个能够在当前所有浏览器下都具有同样吸引眼球效果的设计更让人高兴的事了。遗憾的是，这个目标似乎都被普遍认定为不太可能实现。甚至有些人抛弃了对完美的追求，认为跨浏览器的兼容性并不是必备的。虽然我也[详细]
ie8 css hack 颜色使用示例

所属栏目：[经验] 日期：2018-10-02 热度：167

随着win7使用者的不断扩大，开始将ie8纳入开发兼容浏览器范围 9 例:margin:0px auto9;.这里的9可以区别所有IE和FireFox. * IE6、IE7可以识别. IE8 、FireFox不能. _ IE6可以识别_,IE7、IE8、FireFox不能. .color{ background-color: #CC00FF; /*所有浏览[详细]
良好的DIV+CSS的命名规则有利于SEO优化

所属栏目：[经验] 日期：2018-09-22 热度：104

一、CSS文件及样式命名 1、CSS文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css； 2、CSS样式命名规范本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数[详细]
CSS垂直自适应,元素超出高度显示效果

所属栏目：[经验] 日期：2018-09-21 热度：131

烈火网(LieHuo.Net)CSS教程，今天我们来探讨一下CSS的纵向自适应的问题，也就是垂直自适应。当元素的内容超出元素定义的高度时候的显示效果。下面是实例代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
IE与FF实现纯英文纯数字字符自动换行

所属栏目：[经验] 日期：2018-09-21 热度：89

IE与FF实现纯英文纯数字字符自动换行来源：http://www.heiniuhaha.cn/blog/?p=1112 IE css code： FF js code：[详细]

9632

371