网页制作

让你的页面对 IE6 显示出黑白色(多浏览器)

很简单,加上下面的样式: [code] body,p,div,table,fieldset,pre {_filter: gray!important;} [/code] 因为 IE 里面只有 IE6 会忽略下划线,而其他浏览器会将 _filter 视为无效属性。 本博客经
收藏 0 赞 0 分享

li 自适应宽度

[html] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
收藏 0 赞 0 分享

样式表达式实现交替显示table行颜色

[html] <heand> <mce:style type="text/css"><!-- tr {background-color:expression((this.sectionRowIndex%2==0)?"
收藏 0 赞 0 分享

CSS 实例实现清除浮动

在写HTML代码的时候,发现在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。看下面的例子: HTML4STRICT代码: &l
收藏 0 赞 0 分享

CSS Sprites 圆角制作教程

初步介绍 当然,我知道现在有成千上万个关于 用CSS处理圆角 的教程,但不管怎么说,我仍然想把这篇文章展示给您。也希望您会发现这篇文章会非常有用。需要重点指出的是,这篇教程彻底地应用高级CSS技术,但是,我会尽力使初学者看起来简单。CSS3 在这里还没有得到完全的应用
收藏 0 赞 0 分享

css 控制图片大小 小于固定值 控制大小

今天在做CMS模板的时候,文章页面需要这个代码实现,找了一段,放在这里做备用。哈哈。 第一次找的这个不太行。 <A href="" target=_blank><IMG src="" onload="java
收藏 0 赞 0 分享

CSS 各种滤镜代码解释 用法案例

CSS滤镜参考 语法:STYLE="filter:filtername(fparameter1, fparameter2...)"   (Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数) script 语法:H
收藏 0 赞 0 分享

关于css @import url()总结

今天群里无意谈到了@import url(),不太常用,争论很大。一开始是由于一个兼容问题: @import url(/css/a.css) 很简单但出现了兼容问题,在ff下无法调用样式,大家都以为是@import搞的怪,但用link后问题依然出现。经过一番讨论原来是绝对路径在f
收藏 0 赞 0 分享

一个非常精典的纯CSS漫画,登峰造极.

纯CSS打造的漫画,让枯燥变的活泼,让局限变的无限 有的人说没有意义,我觉得意义重大。 让枯燥变的活泼,让局限变的无限,请点击以下运行看演示。 [html] <div style="width: 100%; height: 466px;">
收藏 0 赞 0 分享

针对firefox ie6 ie7 ie8的css样式hack

针对firefox ie6 ie7 ie8的css样式hack 以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7、IE8不错
收藏 0 赞 0 分享

css 背景透明 实现代码

效果预览:   css: [code] 1: <style type="text/css"> 2: <!-- 3: body{ 4: margin:0; 5: padding:0; 6: background-col
收藏 0 赞 0 分享

css 横排 实现代码

效果预览:   css: [code] <style type="text/css"> <!-- .table_tile{ text-align:left; height: 20px; width: 25%; flo
收藏 0 赞 0 分享

CSS 样式 层裁剪图片

[code] <div style="width: 800px; height: 100px; overflow: hidden;"> <img style="margin-top:-25px;" src="h
收藏 0 赞 0 分享

CSS 像素图制作攻略

以图片中的色青蛙为例子。 16X16的像素图,所以使用了如下的命名方法: r N c N - NN = r[0-15]c[0-15] (r = rol, c-col, N为自然数:0-15 ) 1.命名的规则抄袭了XXX栅格化的那篇文章。 r0c1 即表示
收藏 0 赞 0 分享

纯语义化XHTML CSS设计表单方法

网页制作Webjx文章简介:网页教学网将分享一种使用纯CSS代替HTML表格元素设计表单的方法。   很多CSS爱好者不喜欢HTML表格,尤其是在制作表单的时候,虽然现在已经是XHTML CSS的年代,但表单的设计大多还在采用table来布局。
收藏 0 赞 0 分享

CSS教程:三列固定网页布局实例

网页制作Webjx文章简介:我们的讲解会包含一些标准元素,如logo、顶栏、导航栏、文本区域、用于文章分类的中列和用于插入Google Adsense 120X600广告的右侧列。   今天网页教学网将向大家讲解如何通过设计一个HTML/CSS的基
收藏 0 赞 0 分享

选择正确DOCTYPE解决CSS在网页失效问题

网页制作Webjx文章简介:如果你的CSS都是正确的,链接也没有出错的话,为什么偏偏CSS样式不生效呢?你也许正在为这个事而焦头烂额,呵呵,不要气馁,我以前也被这个事弄得头大过。这时你需要检查你的网页最头部是否有如下一句话了?
收藏 0 赞 0 分享

Opera中国的WEB标准课程

网页制作Webjx文章简介:在这篇文章里,我要向大家介绍我和其他很多人花费数月时间开发的一个课程——Web标准课程,该课程旨在向大家提供Web设计和开发的坚实基础,无论读者是谁,此教程完全免费、可访问,并且不需要预备知识。当然,我主要还
收藏 0 赞 0 分享

CSS样式表渐进增强的基本概念

网页制作Webjx文章简介:如果你挠着头想弄清楚优雅降级和渐进增强的区别,我告诉你,这是视角问题。优雅降级和渐进增强都考虑网站在各种设备的各种浏览器上如何良好运转。两者区别的关键在于它们各自关注的焦点,以及这种关注对工作流程的影响
收藏 0 赞 0 分享

简单介绍Web Developer插件制作网页

网页制作Webjx文章简介:Firefox浏览器是一个良好支持W3C标准的开放源代码的浏览器,拥有Linux/Windows/Mac版本。因为Firefox浏览器良好支持W3C标准,所以使用Firefox来调试网页是非常好的。 Firefox浏览器是
收藏 0 赞 0 分享