网页制作

IE与Firefox中兼容的html设计中使用CSS改变鼠标为手形

从来都很不爽于Firefox与IE的CSS不兼容问题,这固然有历史原因,但是很大程度上是微软IE对标准的默认支持不好的原因,为了保护自己的产品,硬是把客户拉到自己特有标准下,使得按照微软设计的标准不兼容其他浏览器。但事实既定,个人也无力改变,只好多花时间搞出个两边都兼
收藏 0 赞 0 分享

CSS 扑克牌效果实现代码

非常不错的效果代码。 [html] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.
收藏 0 赞 0 分享

CSS+DIV 拼图(26个英文字母)

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

css 模拟表格斜线

利用div+css模拟表格的对角线,效果还可以,原理就是利用容器border宽度大于1时,相邻表格之间相接处是斜线的原理。
收藏 0 赞 0 分享

hr 样式实现1px直线

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

css 画的百度LOGO

[html] <style type="text/css"> div.small { font-size: 9pt; } td { color: black; font-family: Verdana; background-colo
收藏 0 赞 0 分享

关于Firefox下截取后省略号的问题

今天在用到text-overflow的ellipsis属性得时候,突然发现原来FF下是没有省略号得(才发现,汗)。不想把这个问题交给后台或者用JS来做了,于是找了个折中的办法,就是:after伪类来模拟FF下的省略号。 具体做法就是给content一个…的值,然后h
收藏 0 赞 0 分享

css 文字上右下环绕广告的写法

很久一段时间,我都在寻求一种文字从上-右-下方向环绕广告位的一个办法,而在找到之前,基本都是利用发布编辑器的所见即所得模式来实现广告的环绕。或者是利用程序截取一段文字在头部的办法。 今天终于找到一种写法,就是用一个宽度为1的空标签的高度来占位,然后图片清除浮
收藏 0 赞 0 分享

CSS 实现未知内容高度的垂直水平居中(改良版)

垂直居中在IE浏览器下的实现比较难实现,而更难实现的应该是未知内容高度的垂直水平居中!还好网上也有很多高人发布了一些解决的方法!这里我进行了一些改良,兼容FF,IE6,IE7,Opera...如发现问题有劳回复评论! [code] <mce:style><!-
收藏 0 赞 0 分享

input 按钮显示差异的解决方法

请在各浏览器里查看以下input的显示效果! 解决后显示效果! 具体代码 .button{ margin:0; padding:0 0.25em; width:auto; *width:1;/*宽度不带单位我是第一次见,不知道其作用!- -!*/ overflo
收藏 0 赞 0 分享

css 限定GridView宽度并加上滚动条

采用如下的样式 [code] margin:auto; width:98%; overflow:scroll; _height:expression(this.scrollHeight>365?"365px":"auto")
收藏 0 赞 0 分享

ie6 position-fixed效果

1、参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 2、操作系统:Windows 我喜欢position:fixed,它很酷。 但ie6总不支持它,所以用其他的属性来模拟(这个模拟在主流浏览器中都兼容,所以其他浏览
收藏 0 赞 0 分享

css 书写技巧 CSS 技巧教程

nettuts带来的5个css书写技巧,简单翻译一下它的中心思想。 1. CSS Reset/重置 你也许需要先了解什么是css重置。然后怎么样写css重置呢。 你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下来应该
收藏 0 赞 0 分享

CSS教程之CSS盒模型

CSS 盒模型 网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图: 如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了。 这个图表很好地展示了作用于页面上任意盒子的
收藏 0 赞 0 分享

CSS3 box-sizing属性

说到 IE 的 bug,一个臭名昭著的例子是它对于“盒模型”的错误解释:在 IE5.x 以及 Quirks 模式的 IE6/7 中,将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦,几户每个需要定义尺寸的
收藏 0 赞 0 分享

pre 自动换行的问题

本站文章中使用了 pre 格式输出 代码。 而浏览器默认是强制不换行输出 pre 里的内容。这样的话,代码一长就出现了撑到页面外部的样子。在之前我都是有意的在代码里强制换行... 累啊. 今天有意的google了下,找到了: [code] pre { whitewhite-s
收藏 0 赞 0 分享

CSS Sprites 技术分析

CSS Sprites技术不新鲜,早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。原先只在CSS玩家之间作为一种制作方法流传,后来出来个14 Rules for Faster-Loading Web Sites, 技术人员之
收藏 0 赞 0 分享

CSS 图片定位的几种方式

图片定位: align="absmiddle" <samp style="position:relative;left:300px;"><img src="" /> </samp>
收藏 0 赞 0 分享

csdn 博客的 css样式 v5

版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/mayongzhan - 马永占,myz,mayongzhan  面对csdn极其xx的改版,彻底xx。改吧。 c
收藏 0 赞 0 分享

div+css学习笔记(IE与fox好多不兼容的问题)

一直用ie为准做网页,今天到火狐官方网站下了个没有google插件的安装了(特别讨厌插件,而国内几乎下载不到没有google插件的火狐浏览器!) 打开一看,哇哈,终于来了,ff好多不兼容的问题来了。随便点击了下不兼容的问题就有上十个了。一个个慢慢解决,慢慢搜索。。。。。
收藏 0 赞 0 分享