css不用图片美化按钮

2017年02月06日 66 阅读

.tb{width:100%;height:1px;overflow:hidden;background:rgb（250,100,0）;margin:0 1px;} .lr{width:100%;height:20px;overflow:hidden;border-left:1px solid rgb（250,100,0）;border-right:1pxsolid rgb（250,100,0）;} .bg{width:100%;height:20px...

IE对CSS样式表的限制分析与解决方案

2017年02月06日 76 阅读

HTML文档与CSS的关联常见有4种方式： 使用link标记 <linkrel="stylesheet"type="text/css"href="sheet.css"/> 使用style元素 <styletype="text/css"> body{background:#fff;} h1{font-size:2em;} </style> 使用@import指令 <styletype="text/css"> @...

网页打开新窗口target=_blank不符合标准

2017年02月06日 81 阅读

"thereisnoattributetargetforthiselement（inthisHTMLversion）" 原来在HTML4.01/XHTML1.0/XHTML1.1严格DOCTYPE下，target="_blank"、target="_self"等等语法都是无效的，我们只能通过JavaScript来变通实现。 有朋友问为什么不允许使用target="_blank"？这个属性很方便啊。呵呵，不知道W3C的专家们是怎么想的，据我所知，主要是“易用...

Javascript的匿名函数讲解

2017年02月06日 74 阅读

一、什么是匿名函数？ 在Javascript定义一个函数一般有如下三种方式： 函数关键字（function）语句： 复制代码 代码如下: function fnMethodName（x）{alert（x）;} 函数字面量（Function Literals）： 复制代码 代码如下: var fnMethodName = function（x）{alert（x）;} Function（）构造函数： 复制代码 代码如下: var fnMethodName ...

Firefox2中输入框丢失光标bug的解决方法

2017年02月06日 91 阅读

虽然庆幸的是Firefox3中解决了这个bug，但Firefox3还在beta阶段，取代Firefox2还是需要一些时间的，下面就来仔细说一下这个问题： 一、样式为{position:absolute;}的容器中的表单输入框在样式为类似{overflow:auto;}的容器区域中失去光标 可以通过例一到例六来了解最常见的情况。 如果想整个body都出现失去光标，可以设置html和body两个容器，请看示例。包括举例的overflow:auto在内能引起该B...

Firefox返回时Iframe的显示Bug的解决方法

2017年02月06日 78 阅读

<scripttype="text/javascript">//<！[CDATA[ if（getCookie（"firefoxIframe"））{ document.write（"<pid="addAd"><ahref="cookie.html">点击这里删除这个iframe</a></p>"）; document.write（"<iframeheight="120"width="30...

全国哀悼日网站页面变成灰色的filter方法

2017年02月06日 79 阅读

为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。 直接在*.css文件最前面加入 body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage（grayscale=1）; } 均可 其他HTML页面 html { filter:progid:DXImageTransform.Microsoft.BasicImage（grayscal...

使网页成黑白色调的滤镜

2017年02月06日 76 阅读

复制代码 代码如下:<style> html{filter:progid:DXImageTransform.Microsoft.BasicImage（grayscale=1）;} </style>只在ie下可以用<style> html{filter:Gray;} </style> ...

css滤镜实现页面灰色黑白色效果代码

2017年02月06日 80 阅读

淘宝的代码复制代码 代码如下: html { filter:progid:DXImageTransform.Microsoft.BasicImage（grayscale=1）; -webkit-filter: grayscale（1）; } CSS3 greyscale 滤镜实现 如下测试代码： 复制代码 代码如下: .gray { -webkit-filter: grayscale（100%）; -moz-filter: grayscale（100%）;...

CSS学习笔记Padding 属性中参数的定义与使用

2017年02月06日 90 阅读

一直都对CSS中Padding属性中参数个数的定义颇为困惑，例如： body{padding:32px;} body{padding:32px24px;} body{padding:32px24px18px;} body{padding:32px24px18px12px;} 今天baidu查看了CSS的标准文档，其中是这样规定的： 如果只提供一个，将用于全部的四条边； 如果提供两个，第一个用于上－下，第二个用于左－右； 如果提供三个，第一个用于上，第二个用...

无限级CSS树形菜单 Ver2.0

2017年02月06日 72 阅读

新写的树: 1.解决了大数量加载过慢的问题 2.改进应用接口,可扩展性更强 先看效果吧,回头再写相关的使用参数文档:） 实例演示: http://www.jb51.net/tools/cssTREE/index.html http://www.jb51.net/tools/cssTREE/index.big.html（大数据量（3000结点）效果演示） 代码下载:http://www.jb51.net/tools/cssTREE/lTREE.rar 使用说...

css多行多列的新闻模式

2017年02月06日 70 阅读

看图:这种效果,甚至是三列四列的新闻模块,以前我都用table,以为比css方便,直到后来发先了a的浮动之后,原来用ul更方面,更容易控制,先来看看代码吧: 引用:.news{} .newsli{list-style:none;clear:both} .newslia#n1{text-decoration:none;float:left;line-height:22px;} .newslia#n2{text-decoration:none;float:ri...

Internet Explorer 8 beta 中文版与IE7共存的解决方法

2017年02月06日 84 阅读

web开发人员关心的IE7和IE8共存的问题其实可以很好的解决。解决方案一：在浏览器右上角有一个“模仿IE7”的切换按钮，但有点麻烦，需要关闭浏览器再重新打开才可以。 解决方案二：在IE8自带的“开发人员工具”中，点击查看选择striet（Internet Explorer7），既可以不重新启动浏览器观看IE7下的效果。可以只提供IE5/7/8三种，并没有IE6模式，还好我有" href="http://tredosoft.com/Multiple_IE...

用CSS开发时髦的导航栏图例教程

2017年02月06日 85 阅读

制作容易的站点导航栏是CSS真正展现自己特有能力的一个领域。制作导航条的老方法倾向于依赖大量的图片、嵌套表格和Javascript脚本 – 所有这些都会严重影响站点的可用性和无障碍性。如果你的站点不能在一个不支持Javascript的设备上被导航，那么你不仅阻止了关闭Javascript的用户，同时你也阻止了只支持文本的设备，比如屏幕阅读器已经搜索引擎的机器人程序 – 它们将永远无法从你的首页得到网站内容的索引。就算你的客户不在乎无障碍性，告诉他们笨重的菜...

用CSS开发时髦的导航栏第二篇

2017年02月06日 80 阅读

解决方案在一个导航系统中显示子菜单最好的办法是在一个列表中创建子列表。这样标记的两级导航栏很容易被理解 – 哪怕浏览器不支持CSS。为了产生多级导航栏，我们创建一个嵌套的列表，为这些新的列表项样式化颜色、边界和链接属性：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><ht...

CSS渐变文本效果的两种方法比较

2017年02月06日 76 阅读

是否想不用photoshop来创建一个带渐变的标题文字吗？这里用一个简单的css技巧来向你展示如何仅仅使用css和png图片来制造这种效果.经测试这种方法适合大多数主流浏览器.当然,IE6需要一个支持透明PNG的Hack（值得庆幸的是微软正在极力的将用户的IE6自动升级到IE7^.^,延伸阅读:Warning:AnIE7Auto-UpdateIsComingSoon） 优势 这是纯粹的css技巧,没有使用任何ja脚本或者flash,并且它可以在大多数浏览器...

提高CSS文件可维护性的五种方法总结

2017年02月06日 76 阅读

1.分解你的样式 对于小项目，在写代码之前，按页面结构或页面内容将代码分为几块并给予注释。例如，可以分别将全局样式、布局、字体样式、表单、评论和其他分为几个不同的块来继续工作。 而对于较大的工程，这样显然不会有什么效果。此时，就需要将样式分解到几个不同的样式表文件。下面的masterstylesheet就是这一方法的例子，它的工作主要是导入其他样式文件。使用这一方法不仅能优化样式结构，而且有利于减少一些不必要的服务器请求。而分解文件的方法就有许多种，mas...

CSS对Web页面载入效率的影响分析总结

2017年02月06日 79 阅读

我们罗列了十几条相关的知识与注意点，大家可以系统的探讨一下，让我们编写的Web页面打开更加流畅。 请不要告诉我，你看不懂E文，只是你不愿意看！！！ 1、Howthestylesystembreaksuprules Thestylesystembreaksrulesupintofourprimarycategories.Itiscriticaltounderstandthesecategories,astheyarethefirstlineofd...

巧妙地使用CSS选择器

2017年02月06日 84 阅读

可以通过不同规则来定义不同内容块里的链接样式。类似这样：#nava:link或者#maina:link或者#footera:link。也可以定义不同内容块中相同元素的样式不一样。例如，通过#mainp和#siderp分别定义#mainp和#siderp的样式。从结构上讲，你的页面是由图片、链接、列表、段落等组成的，这些元素本身并不会对显示在什么网络设备中（PDA还是手机或者网络电视）有影响，它们可以被定义为任何的表现外观。 一个仔细结构化的HTML页面...

去除链接元素的虚线框 兼容IE7、IE6、FF

2017年02月06日 86 阅读

推荐下面的代码复制代码 代码如下:a{outline:none;/*forForefox*/}a{star:expression（this.onFocus=this.blur（））;/*forIe*/}下面的代码比较麻烦我们采用htc文件的办法来解决这个问题。首页将以下代码保存为link.htc文件。复制代码 代码如下:<public:attachevent="onfocus"onevent="hscfsy（）"...