随笔分类 -  HTML5/CSS3/CSS

img图片下多余空白的BUG解决方案
摘要：在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。 1... 阅读全文
posted @ 2015-12-31 10:14 不灭的火 阅读(1681) 评论(0) 推荐(1)
移动前端头部标签(HTML5 head meta)
摘要：... 阅读全文
posted @ 2015-11-05 12:54 不灭的火 阅读(301) 评论(0) 推荐(0)
带你深入剖析inline-block属性值的前世今生
摘要：曾几何时，display:inline-block 已经深入「大街小巷」，随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了，上面的代码只是为了兼容 IE6、7 而已。那么你真的了解 inl... 阅读全文
posted @ 2015-08-28 16:32 不灭的火 阅读(318) 评论(0) 推荐(0)
SWFUpload 2.5.0版 官方说明文档 中文翻译版
摘要：SWFUpload v2.5.0 DocumentationSWFUpload 2.5.0版 官方说明文档 中文翻译版Table of Contents 内容列表详情请点击翻译：yukon123452010.6.10SWFUploadSWFUpload 版本 2概览 （Overview）入门（ Ge... 阅读全文
posted @ 2014-12-27 19:21 不灭的火 阅读(204) 评论(0) 推荐(0)
主流浏览器CSS3和HTML5兼容性详细清单
摘要：各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的 HTML5 社区领袖 Shelley 宣布，HTML5的开发工作已经接近完成，如果进展顺利，HTML5 将在 2012 年正式成为国际标准。 当然，即使标准正式制定... 阅读全文
posted @ 2014-12-05 09:01 不灭的火 阅读(253) 评论(0) 推荐(0)
CSS 的优先级机制
摘要：样式的优先级多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况。一般情况下，优先级如下：（外部样式）External style sheet 测试！选择器的优先权解释：1. 内联样式表的权值最高 1000；2. ID 选择器的权值为... 阅读全文
posted @ 2014-11-27 14:14 不灭的火 阅读(158) 评论(0) 推荐(0)
使用X-UA-Compatible来设置IE浏览器兼容模式
摘要：文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性，如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观，IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式，文件兼容性使你能够在IE呈现你的网页时选择特定编... 阅读全文
posted @ 2014-11-23 13:04 不灭的火 阅读(170) 评论(0) 推荐(0)
CSS hack是什么？IE6\7\8\9\10浏览器的CSS hack大全介绍
摘要：CSS hack由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozillafirefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同... 阅读全文
posted @ 2014-11-20 12:57 不灭的火 阅读(354) 评论(0) 推荐(0)
CSS实现背景透明，文字不透明（各浏览器兼容）
摘要：/*CSS*/.waps{ background:url(07158.bmp) no-repeat top center fixed; width:1004px; text-align:center; line-height:28px; font-size:12px; font-family:Ari... 阅读全文
posted @ 2014-11-15 18:20 不灭的火 阅读(161) 评论(0) 推荐(0)
CSS HACK区别IE6、IE7、IE8、Firefox兼容性
摘要：本文向大家描述一下如何使用CSS HACK区别IE6、IE7、IE8、Firefox兼容性问题，针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack，相信你对本文介绍一定会感兴趣。CSS HACK区别IE6、IE7、IE8、Firefox兼容性问题1.区别IE... 阅读全文
posted @ 2014-11-15 14:29 不灭的火 阅读(189) 评论(0) 推荐(0)
DIV+CSS重构页面时要注意的小陷阱
摘要：1\注意你用的是那一种DOCTYPE.2\CSS要分为多少个文件?3\采用link和import方式导入样式表有什么不同?4\注意页面的层次结构,用好ul和li5\注意h1,h2,h3,h4的区别6\要记得清除浮动.7\记得用class或是id 对页面的结构进行一些说明.8\HTML和CSS都要用加... 阅读全文
posted @ 2014-11-15 13:18 不灭的火 阅读(336) 评论(0) 推荐(0)
CSS中背景background-position负值定位深入理解
摘要：下面是我要用到的一个背景图：代码如下： 1. x:0,y:0 x:-50px,y:-50px x:100px,y:100px HTML页中是162*162的灰色背景DIV块并加入三种不同位置的背景图片， 在浏览器中看到的效果： 从上图可以看到：当为background-position:0... 阅读全文
posted @ 2014-11-15 10:47 不灭的火 阅读(1089) 评论(1) 推荐(0)
网页设计中常用的CSS命名规则整理
摘要：头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper 或 wrap左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：h... 阅读全文
posted @ 2014-11-14 16:07 不灭的火 阅读(503) 评论(0) 推荐(0)
CSS清楚浮动
摘要：浮动是一个有意思（你也可以说它很麻烦）的CSS属性，任何元素设置了浮动，层级就提高了，会影响它后面没设置浮动的元素，这些倒霉的被影响者会跑到浮动层的下面去（当然IE6、IE7除外），代码看起来是这样： 因为设置了浮动的元素会提高层级，所以如果一个平淡无奇的父级元素（没有设置浮动或别的提高层级的属性... 阅读全文
posted @ 2014-11-14 16:06 不灭的火 阅读(209) 评论(0) 推荐(0)
webkit webApp 开发技术要点总结
摘要：如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是... 阅读全文
posted @ 2014-11-14 15:59 不灭的火 阅读(144) 评论(0) 推荐(0)
使用Modernizr探测HTML5/CSS3新特性
摘要：HTML5, CSS3以及相关技术（例如canvas和web sockets）带来了非常有用的特性，可以让我们的web程序提升一个新的level。这些新技术允许我们只用HTML,CSS和JavaScript就可以构建包括在平板和移动设备上能够运行的多样化表单页面。HTML5虽然提供了很多新特性，但是... 阅读全文
posted @ 2014-11-14 15:39 不灭的火 阅读(242) 评论(0) 推荐(0)