-
CSS 中文字体 Unicode 编码方案
所属栏目：[经验] 日期：2018-10-13 热度：180
在 CSS 中使用中文字体通常直接设置字体名称，比如设置字体为宋体：font-family:宋体；但因此产生的一个问题是，如果 CSS 编码有误，会导致页面加载后 CSS 中的中文字体乱码，请看下图所示： 通常会采用对中文字体进行 Unicode 编码的方式来解决这个危险的[详细]
-
简单实现css的div层居右的代码
所属栏目：[经验] 日期：2018-10-13 热度：147
CSS的对齐方式对刚接触CSS的朋友来说，比较难琢磨，有些想让怎么对齐偏不会对齐，搞的挺烦人，其实用好Float不只是元素浮动对齐的问题，希望通过这个窗口自适应居右的对齐实例，让CSS初学者明白其属性的定义。 代码如下： Copy to Clipboard 引用的内容：[[详细]
-
IE6不支持max-height的解决方法
所属栏目：[经验] 日期：2018-10-13 热度：55
罪恶的IE6不支持max-height属性，不过我们可以通过 jQuery 来解决IE6不支持max-height，jQuery的代码如下： $(.entry).each(function(){ if($(this)[0].scrollHeightgt;500) $(this).css({height:500px}); }); 原理: 在IE6中可以通过设定height来达到max-h[详细]
-
HTML解析原理：让页面变得更快一点
所属栏目：[经验] 日期：2018-10-13 热度：172
Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验。非常不幸的是，效率最低的 IE浏览器 仍然占领者绝大多数市场份额，这已经严重制约了互联网的发展（感叹一下：马赛克和IE阻碍人类文明发展的绊脚石!）。 简单地说，页面[详细]
-
CSS 边框重叠鼠标悬停效果
所属栏目：[经验] 日期：2018-10-13 热度：88
前几天某个同事的项目中碰到一个边框重叠鼠标悬停效果，要实现鼠标移上后按钮边框换色，但左右两个按钮的边框又是合并在一起的。就像下面这张图片示意： 如果看不明白，请移步参考淘宝搜索结果页面中的信用、价格两个排序按钮。http://s.taobao.com/search[详细]
-
一个Windows系统蓝屏界面的404错误页
所属栏目：[经验] 日期：2018-10-13 热度：168
搞怪的 404 错误页面会给人出人意料的感觉。 一直想给搞个出彩的 404 页面，却碍于设计能力受限。前几天看了看我们牛逼闪闪的视觉设计师龙城同学的 404 页面，被雷了一下。看看下面的这张 截图 ，像不像 Windows 系统的经典蓝屏界面? 也没啥好点评的，就是[详细]
-
模块的opacity透明与PNG的阴影透明冲突
所属栏目：[经验] 日期：2018-10-13 热度：102
模块的透明设置：filter:alpha(opacity=80); opacity:0.8; PNG的透明设置：直接在制作PNF-24模式的图时留有透明度就可以 问题： 今天在处理F7Dialog2.0项目时发现一个问题，那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带[详细]
-
ID 是 CSS 的魔鬼
所属栏目：[经验] 日期：2018-10-13 热度：116
这个问题在网络上曾经谈论过无数次了，今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。 正常情况下的HTML+CSS是不需要使用ID的，除非与JS挂钩时才使用，也就是说我们在编码过程中除非有JS要用到，就尽量不要使用ID。 尤其要注意的是在非特殊情况下编写CSS[详细]
-
Css控制图片大小，自适应缩放，兼容IE6和Firefox
所属栏目：[经验] 日期：2018-10-07 热度：120
Css控制图片大小，自适应缩放，兼容IE6和Firefox，例如我们在日常的网站设计当中，总是会遇到这样的问题，图片大小未知，而我们设计的网站内容区域的宽度是一定的，如果给所有图片设置等量的宽度显示是不行的，通过查询CSS手册，我们知道max-width和max-he[详细]
-
基于HTML5的小球物理测试系统，附实现原理
所属栏目：[经验] 日期：2018-10-07 热度：155
副标题#e# 在线演示：基于HTML5的小球物理测试系统 源码下载：点击进入下载页 功能说明： 一个基于HTML5 canvas的小球物理测试系统，用户可以手动为新的小球设置不同的属性值（颜色，半径，速度等），从而在canvas中发射小球，小球在 运动 过程中会收到重力[详细]
-
Css技巧：div下图片自适应大小的解决办法
所属栏目：[经验] 日期：2018-10-07 热度：179
今天，烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题，看了一下，这样的问题原因很简单，归结就是没有给div设置高度和宽度，那么当你设置了宽高以后也就无法自适应了，搜索了一下，找到一些解决实例，现在分享给大家： 以前的解[详细]
-
Css 自定义文件上传控件样式（兼容 IE6）
所属栏目：[经验] 日期：2018-10-07 热度：117
要想直接通过 CSS 来控制文件上传控件，基本没戏的。当然也有一些解决方案，例如 Mr.Think 的这篇文章《利用label标签和CSS美化文件上传表单(不兼容IE6)》。昨天也恰好遇到了这个问题，顺手记录下吧。 首先，给 input type=file 元素戴个套子，这样比较安[详细]
-
一行代码解决IE8浏览器兼容问题
所属栏目：[经验] 日期：2018-10-07 热度：58
一行代码解决 IE8 浏览器与IE7之间的兼容性问题，热门的tag非IE8莫属，各浏览器厂商争相发布版本更新，部分网页也存在与IE8的兼容性问题，简单一行代码，让IE8自动调用IE7的渲染模式，只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
-
CSS Hacks for IE，IE 也可以很完美
所属栏目：[经验] 日期：2018-10-07 热度：70
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花，我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。当然 CSS Hacks 是最为流行的解决方案。但对于 IE 而言，目前已经有 IE6/IE7/ IE8 三个主要版本，不久的将来还会有 IE[详细]
-
CSS 忍者：安全的 CSS hacks 秘籍
所属栏目：[经验] 日期：2018-10-07 热度：88
你如何搞定 IE 这只难以驯服的怪兽？使用 CSS Hacks 或者条件注释么？恐怕没有什么解决方案是完美的。每个设计师或者前端码农都会有自己打败 IE 行之有效的方法。所有这些技术都各有利弊，让我们一起来看看。 通过条件判断引入样式表 使我们能很容易在 IE[详细]
-
需要掌握的30个最常用css选择器解析
所属栏目：[经验] 日期：2018-10-07 热度：66
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。 1. 星状选择符会在页面上的每一个元素[详细]
-
IE6 下的神奇 CSS 字体 bug
所属栏目：[经验] 日期：2018-10-07 热度：157
一直用的 Aptana 当编辑器，这玩意儿有一个很强大的代码格式化功能。你看： 不过格式化后就出问题了，注意格式化后 font 属性的写法。问题出在 font 属性的合并写法，12px 和 1.5 之间除斜杠之外的空格，IE6 下会导致后面设置的 arial 字体不生效。也就是[详细]
-
input标签与图片按钮水平对齐的解决方法
所属栏目：[经验] 日期：2018-10-07 热度：80
在日常的网页制作当中，我们可能会遇到input标签与图片在同一行的情况，这时候你会发现，无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日，烈火小编的朋友就来咨询，说他也遇到了这个问题，并且使用margin、padding等Css语法，都[详细]
-
onbeforeunload与a标签在IE中的冲突bug
所属栏目：[经验] 日期：2018-10-02 热度：53
onbeforeunload 是window的一个事件，目前 Firefox ，IE都支持，主要用来提示用户是否真的要离开该页面，通常在一些比较重要的数据提交之前，防止用户误操作导致数据丢失。典型的应用如gmail中，在写邮件的时候，如果刷新页面或者关闭页面，会出现提示。[详细]
-
CSS滤镜同时过滤文字的解决方法
所属栏目：[经验] 日期：2018-10-02 热度：129
初用CSS滤镜的朋友可能会遇到这样的问题:给div套上filter:alpha(opacity=50); 滤镜后，里面的文字也随之半透明,这种情况下，我们该怎么办呢？ 经过本人查阅大量资料，实验N次终于找到了一个兼容ie6,ie7,ie8以及firefox的css透明滤镜的方法,且看我举例说明.[详细]
-
html{overflow-y:scroll}引起的iframe滚动条问题
所属栏目：[经验] 日期：2018-10-02 热度：130
今天做iframe需求时发现chorme总是会出现滚动条，怎么都去不掉，scrolling=no这个属性丝毫不起作用。但是ie和firefox却没有出现这个滚动条，然后求助龙笛同学，才知道罪魁祸首是子页面里有一条html{overflow-y:scroll}引起的。 被iframe的页面中存在css：h[详细]
-
FCKEditor超级链接默认新窗口打开的修改教程
所属栏目：[经验] 日期：2018-10-02 热度：176
Fckeditor是一款开源的WEB可视化编辑器，因为该软件小巧、易用、方便受到大家的欢迎，国内很多CMS都采用了FCK编辑器，最近有很多网友向烈火反映关于FCK添加的超级链接不能在新窗口中打开，需要另外设置才可以，那么，能不能将链接默认为新窗口呢？答案是可[详细]
-
引入CSS的两种方式：link和@import的区别
所属栏目：[经验] 日期：2018-10-02 热度：116
引入css外部文件的两种方法为在html页面通过link，src属性（注意空链接时的陷阱！），再者是通过CSS文件本身通过@import url()引入，虽然这两种方式都可以加载进来CSS文件，可是link和@import也存在着细微的差别。 隶属上的差别 link属于XHTML标签，而@imp[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)–1
所属栏目：[经验] 日期：2018-09-25 热度：55
CSS3 标准里引入了一些新的盒子模型参数，在 CSS2 的基础上，我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看 这个文档 。 通过学习和测试，我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中，我的所有[详细]
-
CSS入门技巧：关于CSS样式表的教程
所属栏目：[经验] 日期：2018-09-25 热度：115
本例为CSS入门系列教程，在这一课中我们将学习CSS的样式表，主要学习在学习css之前你应该掌握哪些基础知识，认识CSS以及如何使用CSS，希望能给对网页制作感兴趣的朋友带来帮助~~ 推荐阅读： CSS2.0在线手册http://www.veryhuo.com/a/manual/css/ CSS入门教[详细]
