-
CSS3 Media Queries使用方法详解
所属栏目：[经验] 日期：2018-10-15 热度：108
在css2中允许我们使用media的属性，例如使用screen和print，我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章，关于css2中的media文章，推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print，而且支持多媒体[详细]
-
CSS创建竖排文字的简单方法，有演示
所属栏目：[经验] 日期：2018-10-15 热度：147
在制作网页的时候我们经常需要创建一些竖排的文字，或许这对你来说是一件很简单的事情，但是你是否想过用CSS可有N种创建竖排文字的方法？下面是由我翻译自Nettuts+的文章，希望这几种方法能够给你带来一些提示。 方法一：br /标签 一种可能的方法(但不推荐[详细]
-
神奇的 CSS 元素透明法
所属栏目：[经验] 日期：2018-10-15 热度：79
1、HTML 元素透明 其实本身，CSS 实现元素透明是件容易事儿。直接上代码： opacity:.5 opacity 指的是不透明度，取值为 0~1 之间，1 表示完全不透明，0 表示完全透明。 A 级浏览器基本都支持 opacity 属性，但碰上 IE，总没好事。不过 IE 有滤镜，可以帮助[详细]
-
给Button/input添加链接,前进,后退等功能
所属栏目：[经验] 日期：2018-10-15 热度：185
给Button/input添加链接,前进,后退等功能，看标题，大家就应该明白是怎么回事了，我们在日常的网页制作中使用a超级链接最多，而给按钮添加链接，有一部分朋友可能没用到过，今天烈火小编就把与button、input相关的链接，前进，后退，弹出确认alert窗口等的[详细]
-
IE 表单控件的按钮聚焦问题
所属栏目：[经验] 日期：2018-10-15 热度：165
按钮的写法有两种，一种是 input value=按钮/ 或者 button按钮/button，如果按钮用于表单提交，还必须加上 type 属性（type=submit）。为了美化按钮效果，一般会设置背景和边框属性。 但在 IE 下，表单区域获得焦点的情况下，如果按钮的 type 属性被设置为[详细]
-
CSS切换文本输入框input为英文输入模式
所属栏目：[经验] 日期：2018-10-15 热度：167
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能，将表单中的文本框自动切换为英文输入模式，有意思吧，可以用于限制输入数字和字符。 此为网友投入，烈火没有测试，代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]html head ti[详细]
-
CSS模块化之如果组织好css?
所属栏目：[经验] 日期：2018-10-15 热度：123
在w3ctech上闲逛,偶然看到了第一期讨论的话题网站重构中的文件组织,于是想写篇自己关于css组织的理解和想法,如下: 1.分类 1.1网站频道类 |--reset层:包含对样式重置,及一些常用样式名,如fl是float:left,tc是text-align:center; |--base层:包含header,menu,f[详细]
-
Css实现多层元素嵌套的圆角按钮
所属栏目：[经验] 日期：2018-10-15 热度：185
圆角按钮的实现看似并不困难，但会遇到如按钮宽度自适应文字长度等情况，不可能每次都切固定大小的背景图片。 自适应宽度的按钮，通常会采用类似下面的切图方法： 这样一来，只需要嵌套两层标签即可： a href=#span按钮/span/a a 标签设定右侧块的圆角背景[详细]
-
如何实现调整弹出窗口的大小？附演示
所属栏目：[经验] 日期：2018-10-15 热度：114
如何实现调整弹出窗口的大小？演示代码的实现，在window.open属性中加入resizable=yes参数值，即可实现，简单吧，试试吧。利用window.open我们还可做许多有意思的窗口特效，不过貌似现在IE和其它浏览器对这个函数有屏蔽哦。 代码如下： Copy to Clipboard[详细]
-
IE中flash遮挡div现象的解决方案
所属栏目：[经验] 日期：2018-10-14 热度：145
今天开始给网站首页的广告管理系统添加flash广告代码，结果出现IE中（包括IE6+）弹窗广告要flash遮挡的问题，后来想到了常用的iframe方法（参见《解决IE6 select z-index无效，遮挡div的bug》），最终成功了flash遮挡DIV的bug，但是在IE中还出现了浮动的DI[详细]
-
10个最容易犯的HTML标签错误
所属栏目：[经验] 日期：2018-10-14 热度：96
保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,[详细]
-
CSS 中文字体 Unicode 编码方案
所属栏目：[经验] 日期：2018-10-14 热度：93
在 CSS 中使用中文字体通常直接设置字体名称，比如设置字体为宋体：font-family:宋体；但因此产生的一个问题是，如果 CSS 编码有误，会导致页面加载后 CSS 中的中文字体乱码，请看下图所示： 通常会采用对中文字体进行 Unicode 编码的方式来解决这个危险的[详细]
-
简单实现css的div层居右的代码
所属栏目：[经验] 日期：2018-10-14 热度：194
CSS的对齐方式对刚接触CSS的朋友来说，比较难琢磨，有些想让怎么对齐偏不会对齐，搞的挺烦人，其实用好Float不只是元素浮动对齐的问题，希望通过这个窗口自适应居右的对齐实例，让CSS初学者明白其属性的定义。 代码如下： Copy to Clipboard 引用的内容：[[详细]
-
IE6不支持max-height的解决方法
所属栏目：[经验] 日期：2018-10-13 热度：136
罪恶的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 热度：87
Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验。非常不幸的是，效率最低的 IE浏览器 仍然占领者绝大多数市场份额，这已经严重制约了互联网的发展（感叹一下：马赛克和IE阻碍人类文明发展的绊脚石!）。 简单地说，页面[详细]
-
CSS 边框重叠鼠标悬停效果
所属栏目：[经验] 日期：2018-10-13 热度：111
前几天某个同事的项目中碰到一个边框重叠鼠标悬停效果，要实现鼠标移上后按钮边框换色，但左右两个按钮的边框又是合并在一起的。就像下面这张图片示意： 如果看不明白，请移步参考淘宝搜索结果页面中的信用、价格两个排序按钮。http://s.taobao.com/search[详细]
-
一个Windows系统蓝屏界面的404错误页
所属栏目：[经验] 日期：2018-10-13 热度：61
搞怪的 404 错误页面会给人出人意料的感觉。 一直想给搞个出彩的 404 页面，却碍于设计能力受限。前几天看了看我们牛逼闪闪的视觉设计师龙城同学的 404 页面，被雷了一下。看看下面的这张 截图 ，像不像 Windows 系统的经典蓝屏界面? 也没啥好点评的，就是[详细]
-
模块的opacity透明与PNG的阴影透明冲突
所属栏目：[经验] 日期：2018-10-13 热度：200
模块的透明设置：filter:alpha(opacity=80); opacity:0.8; PNG的透明设置：直接在制作PNF-24模式的图时留有透明度就可以 问题： 今天在处理F7Dialog2.0项目时发现一个问题，那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带[详细]
-
ID 是 CSS 的魔鬼
所属栏目：[经验] 日期：2018-10-13 热度：125
这个问题在网络上曾经谈论过无数次了，今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。 正常情况下的HTML+CSS是不需要使用ID的，除非与JS挂钩时才使用，也就是说我们在编码过程中除非有JS要用到，就尽量不要使用ID。 尤其要注意的是在非特殊情况下编写CSS[详细]
-
CSS实例：纯CSS打造斜角
所属栏目：[经验] 日期：2018-09-16 热度：150
关于CSS打造斜角，先说一下历史，在CSS+DIV流行以前，也就是用表格作为网页框架的时候，人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了，这里不讨论。CSS+DIV兴起以后，出现了两种制作斜角效果的方法，一个是通过ba[详细]
-
CSS技巧：字体属性简写规则
所属栏目：[经验] 日期：2018-09-16 热度：123
当使用css定义字体时你可能会这样做： 事实上你可以简写这些属性： 现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性（如font-weight, font-style,font-varient）如未指定将自动使用默认值。[详细]
-
IE6/IE7/FireFox CSS兼容的解决方法
所属栏目：[经验] 日期：2018-09-16 热度：74
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 wi[详细]
-
CSS背景图片控制单行文字顶距的技巧
所属栏目：[经验] 日期：2018-09-16 热度：97
假如是这样的情况： 工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离，可以这样。 增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置，overfl[详细]
-
用css实现高宽自适应满屏显示无滚动条
所属栏目：[经验] 日期：2018-09-16 热度：169
之前别人也有写过，但兼容性不强，支持以下几款主流浏览器 IE6,7,firefox2,3，时间关系，css就不一一详解了，很简单。请看下面的源码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona[详细]
-
CSS禁止中文输入法（只能输入英文）
所属栏目：[经验] 日期：2018-09-16 热度：112
CSS样式也是可以实现某些类似脚本的功能，例如今天要说的就是禁止输入中文，只要在CSS样式中加上以下代码就可以了： Copy to Clipboard 引用的内容：[www.veryhuo.com]ime-mode : disabled (说明：他的真实效果是禁止切换输入法，也就是说只能输入默认输入[详细]
