-
Css Position的用法:一个简单的代码实例
所属栏目:[经验] 日期:2018-10-08 热度:197
Css Position的用法:一个简单的代码实例,这是使用CSS定位属性position的实例,在使用定位属性的时候,还要使用其他的辅助属性,才能正常显示。 大家自己看代码吧![详细]
-
网站首页顶部添加背景图片的修改代码
所属栏目:[经验] 日期:2018-10-08 热度:103
在节日的时候,我们经常看到一些门户网站的顶部添加了大幅的网页背景,还有的带关闭功能,不但给节日添加了气氛,而且获得了访客的好评。在新年就要到来之际,烈火网给大家准备了一些背景素材图片及PSD文件,需要的朋友请到这里下载。考虑到很多朋友不会使[详细]
-
CSS 树形列表布局,类似word中的编号列表
所属栏目:[经验] 日期:2018-10-08 热度:112
用CSS布局一个类似树形的列表,类似word中的编号列表,不是一般的列表,梯形的样子,这个例子是为了介绍CSS中Li的用法,平时这种树形列表不多见,希望对你学习CSS有帮助。 实例代码:Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC[详细]
-
关于 Css 清除浮动属性及相关示例
所属栏目:[经验] 日期:2018-10-08 热度:73
Css 清除浮动属性示例的小例子,不要小看清除浮动哦,有时候你忘记了这个,会把你搞的一头雾水,以为其它地方弄错了,清除浮动其实就没两句代码,但是重要性不容忽视。 实例代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -[详细]
-
CSS美化超链接Hover属性,有网页按钮效果
所属栏目:[经验] 日期:2018-10-08 热度:117
烈86火54网(LieHuo36.Net)教65程 使用CSS制作一个漂亮的按钮链接,有要原理是使用了A链接的Hover属性,定义成与A:Hover不一样的颜色和边框,这样在鼠标放上去的时候,会出现两种反差较大的效果,这就是CSS制作按钮的基本思路,对于新手来说,有助于帮助您[详细]
-
使用CSS控制打印页面格式
所属栏目:[经验] 日期:2018-10-08 热度:138
由于客户要求,打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 link rel=stylesheet type=text/css media=print href=print.css / 正因为xhtml和css是分离的,所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也[详细]
-
CSS3 Media Queries使用方法详解
所属栏目:[经验] 日期:2018-10-08 热度:111
在css2中允许我们使用media的属性,例如使用screen和print,我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章,关于css2中的media文章,推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print,而且支持多媒体[详细]
-
CSS创建竖排文字的简单方法,有演示
所属栏目:[经验] 日期:2018-10-08 热度:51
在制作网页的时候我们经常需要创建一些竖排的文字,或许这对你来说是一件很简单的事情,但是你是否想过用CSS可有N种创建竖排文字的方法?下面是由我翻译自Nettuts+的文章,希望这几种方法能够给你带来一些提示。 方法一:br /标签 一种可能的方法(但不推荐[详细]
-
神奇的 CSS 元素透明法
所属栏目:[经验] 日期:2018-10-08 热度:105
1、HTML 元素透明 其实本身,CSS 实现元素透明是件容易事儿。直接上代码: opacity:.5 opacity 指的是不透明度,取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。 A 级浏览器基本都支持 opacity 属性,但碰上 IE,总没好事。不过 IE 有滤镜,可以帮助[详细]
-
给Button/input添加链接,前进,后退等功能
所属栏目:[经验] 日期:2018-10-08 热度:72
给Button/input添加链接,前进,后退等功能,看标题,大家就应该明白是怎么回事了,我们在日常的网页制作中使用a超级链接最多,而给按钮添加链接,有一部分朋友可能没用到过,今天烈火小编就把与button、input相关的链接,前进,后退,弹出确认alert窗口等的[详细]
-
Css控制图片大小,自适应缩放,兼容IE6和Firefox
所属栏目:[经验] 日期:2018-10-07 热度:62
Css控制图片大小,自适应缩放,兼容IE6和Firefox,例如我们在日常的网站设计当中,总是会遇到这样的问题,图片大小未知,而我们设计的网站内容区域的宽度是一定的,如果给所有图片设置等量的宽度显示是不行的,通过查询CSS手册,我们知道max-width和max-he[详细]
-
基于HTML5的小球物理测试系统,附实现原理
所属栏目:[经验] 日期:2018-10-07 热度:177
在线演示:基于HTML5的小球物理测试系统 源码下载:点击进入下载页 功能说明: 一个基于HTML5 canvas的小球物理测试系统,用户可以手动为新的小球设置不同的属性值(颜色,半径,速度等),从而在canvas中发射小球,小球在 运动 过程中会收到重力,弹性以[详细]
-
Css技巧:div下图片自适应大小的解决办法
所属栏目:[经验] 日期:2018-10-07 热度:158
今天,烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题,看了一下,这样的问题原因很简单,归结就是没有给div设置高度和宽度,那么当你设置了宽高以后也就无法自适应了,搜索了一下,找到一些解决实例,现在分享给大家: 以前的解[详细]
-
Css 自定义文件上传控件样式(兼容 IE6)
所属栏目:[经验] 日期:2018-10-07 热度:69
要想直接通过 CSS 来控制文件上传控件,基本没戏的。当然也有一些解决方案,例如 Mr.Think 的这篇文章《利用label标签和CSS美化文件上传表单(不兼容IE6)》。昨天也恰好遇到了这个问题,顺手记录下吧。 首先,给 input type=file 元素戴个套子,这样比较安[详细]
-
一行代码解决IE8浏览器兼容问题
所属栏目:[经验] 日期:2018-10-07 热度:118
一行代码解决 IE8 浏览器与IE7之间的兼容性问题,热门的tag非IE8莫属,各浏览器厂商争相发布版本更新,部分网页也存在与IE8的兼容性问题,简单一行代码,让IE8自动调用IE7的渲染模式,只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
-
CSS Hacks for IE,IE 也可以很完美
所属栏目:[经验] 日期:2018-10-07 热度:126
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花,我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。当然 CSS Hacks 是最为流行的解决方案。但对于 IE 而言,目前已经有 IE6/IE7/ IE8 三个主要版本,不久的将来还会有 IE[详细]
-
CSS 忍者:安全的 CSS hacks 秘籍
所属栏目:[经验] 日期:2018-10-07 热度:59
你如何搞定 IE 这只难以驯服的怪兽?使用 CSS Hacks 或者条件注释么?恐怕没有什么解决方案是完美的。每个设计师或者前端码农都会有自己打败 IE 行之有效的方法。所有这些技术都各有利弊,让我们一起来看看。 通过条件判断引入样式表 使我们能很容易在 IE[详细]
-
需要掌握的30个最常用css选择器解析
所属栏目:[经验] 日期:2018-10-07 热度:118
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。 1. 星状选择符会在页面上的每一个元素[详细]
-
IE6 下的神奇 CSS 字体 bug
所属栏目:[经验] 日期:2018-10-07 热度:77
一直用的 Aptana 当编辑器,这玩意儿有一个很强大的代码格式化功能。你看: 不过格式化后就出问题了,注意格式化后 font 属性的写法。问题出在 font 属性的合并写法,12px 和 1.5 之间除斜杠之外的空格,IE6 下会导致后面设置的 arial 字体不生效。也就是[详细]
-
input标签与图片按钮水平对齐的解决方法
所属栏目:[经验] 日期:2018-10-07 热度:170
在日常的网页制作当中,我们可能会遇到input标签与图片在同一行的情况,这时候你会发现,无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日,烈火小编的朋友就来咨询,说他也遇到了这个问题,并且使用margin、padding等Css语法,都[详细]
-
纯英文纯数字 CSS 强制折行代码
所属栏目:[经验] 日期:2018-10-06 热度:108
文字折行经常被测试拿来当 bug 提,这种蛋疼的事情还是写个公共类了事吧! 将以下代码放在CSS文件中即可: .break-word { word-wrap: break-word; break-word: break-all; } (文章来源:芒果小站)[详细]
-
分享16个优秀的CSS3表单开发教程
所属栏目:[经验] 日期:2018-10-06 热度:117
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-06 热度:163
在最近的一个项目中,遇到了IE6 select遮挡div的bug,为了解决这个bug我查了很多资料,试图找到一个最最有效的方法,很多人是通过iframe的方法来解决,其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法,已经使用 j[详细]
-
不要使用value作为li的自定义属性
所属栏目:[经验] 日期:2018-10-06 热度:182
如果想利用DOM的自定义属性,不要给li设置value,不管给li的value属性设置什么值,返回的都是整型值。 但是,如果通过getAttribute还是能获得真实属性值的。而用obj.value和 jQuery 等类库中的attr方法是不行的。 来源:http://www.iliawang.com/[详细]
-
让 Chrome 崩溃的 CSS 代码
所属栏目:[经验] 日期:2018-10-06 热度:151
让 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[详细]
