13:24
精通CSS滤镜(四),7、Gray,Invert,Xray滤镜语法:{filter:gray},{filter:invert},{filter:xray}Gray滤镜是把一张图片变成灰度图;Invert滤镜是把对象的可视化属性全部翻转,包括色彩、饱和度、和亮度值;Xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮,也就是所谓的“X”光片。效果如..
13:24
精通CSS滤镜(三),1、Alpha滤镜nbsp;nbsp;nbsp;nbsp;语法:{FILTER:ALPHAopacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy}nbsp;nbsp;nbsp;Alpha属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的..
13:24
精通CSS滤镜(二),随着网页设计技术的发展,人们已经不满足于原有的一些HTML标记,而是希望能够为页面添加一些多媒体属性,例如滤镜的和渐变的效果。CSS技术的飞快发展使这些需求成为了现实。从现在开始我要为大家介绍一个新的CSS扩展部分:CSS滤镜属性(FilterProperties。使用这种技术..
13:24
精通CSS滤镜(一),nbsp;nbsp;nbsp;nbsp;CSS(CascadingStyleSheets中文翻译为层叠样式表单,简称样式单。它是近几年才发展起来的新技术,1998年5月12日,CascadingStyleSheets,level2成为了W3C的新标准。同时,”W3CCoreStyles和CSS2ValidationService以及“CSSTestSuite宣布成立。它是一..
13:17
调试诊治CSS布局的10个有效方法,nbsp;nbsp;nbsp;1.检查HTML元素是否有拼写错误、是否忘记结束标记nbsp;nbsp;nbsp;即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。nbsp;nbsp;nbsp;2.检查CSS是否正确nbsp;nbsp;nbsp;检查一下有无拼写错误、是否忘记结尾的}等。可以..
13:17
使用CSS3新技术完美实现圆角效果,今天学习使用CSS3技术不需要图片即可实现圆角,把侧边栏标题背景的圆角效果和搜索框的圆角效果用CSS3实现。记录一下以便以后使用。W3C很早就制订了实现了CSS圆角的CSS3属性:border-radius,Firefox和Safari也通过私有属性实现了该功能:lt;divstyle=background-color:..
13:17
CSS教程:数字和字母将容器撑大问题解决,自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行亚洲文字和非亚洲文字元素拥有默认的white-space:normal,当定义的宽度之后自动换行htmllt;divid=wrapg..
13:17
CSS网页调试必备:让IE7与IE8共存,关于新发布的IE8,网友们都纷纷下载来使用,尝到了功能强大的甜头;有的却因网络流传:安装后会覆盖原来的IE7,并且不能导入IE7的收藏夹的虚假消息。而使大家(特别是工作用的电脑)不敢尝试这新版的浏览器。其实,IE8是支持和IE7“共存”的,而且还有两种方法。并且能..
13:17
使用CSS给图片添加阴影之入门篇,一般我们可以使用背景图的方式给图片添加阴影,但对于不固定尺寸的图片如何实现呢?我们可以采取“视觉欺骗大法”——定义渐变边框来实现:lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;ht..
13:17
新组织CSS代码的利器:Styleneat,Styleneat能够把CSS的选择器(selectors),子选择器(sub-selectors)和属性(properties)按照层式结构化重新组织,这样使得程序员更加容易去定义页面区域和查看它们之间的关系。Styleneat是一个能够帮你重新组织你CSS属性的免费服务。nbsp;nbsp;nbsp;比如它会把下面..
13:17
CSS实现DIV内容垂直及水平居中,因为垂直居中的主要问题出在IE系列上,因此用到了IE的条件注释、IE8的兼容视图,还算完美解决了目前所有的主流浏览器的CSS实现DIV内容垂直及水平居中问题,IE5.5,IE6,IE7,IE8,Firefox,Chrome,Safari,Opera测试通过,逸品天空Web开发代码站http://code.dlstu.cn/..
13:17
解决方案/DIV+CSS在IE7/IE6/Firefox间的兼容性问题,DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6IE7FF对CSS样式的兼容,不然,你的网页可能乱的一塌糊涂!我经常被这些东西整的焦头..
13:17
CSS兼容IE6,IE7,FF的技巧,一、CSSHACK以下两种方法几乎能解决现今所有HACK.1,!important随着IE7对!important的支持,!important方法现在只针对IE6的HACK.注意写法.记得该声明位置需要提前.lt;stylegt;#wrapper{width:100px!important;/*IE7+FF*/width:80px;/*IE6*
13:17
解决IE7.0和IE8.0的CSS兼容问题,微软在IE8提供三种解析页面的模式IE8StandardModes:默认的最标准的模式,严格按照W3C相关规定IE7StandardsModes:IE7现在用的解析网页的模式,开起机关是在lt;headgt;中加入lt;metahttp-equiv=X-UA-Compatiblecontent=IE=7gt;QuirksModes:IE5用的解析网页的模式,开起..
13:17
解决IE6、IE7、Firefox兼容最简单的CSSHack,很早就在这里看到过解决方案,与嗷嗷讨论后发现这个方案还是很可靠的。当然,唯一的缺点就是每一个属性都要去Hack,但我在很多实践中,只用‘修正’1-2个属性就可以了。具体写法很容易:#someNode{nbsp;nbsp;nbsp;position:fixed;nbsp;nbsp;#position:fixed;nbsp;nbsp;..
13:17
针对firefoxie6ie7的css样式,本人专业是做UI的,写CSS已经有好几年了,目前刚刚在博客发布关于CSS的文章,欢迎有问题的朋友在有问必答论坛提问,我一定尽力解答。1针对firefoxie6ie7的css样式现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释..
13:17
区别不同浏览器,CSShack写法,区别IE6与FF:nbsp;nbsp;nbsp;nbsp;background:orange;*background:blue;区别IE6与IE7:nbsp;nbsp;nbsp;nbsp;background:greennbsp;!important;background:blue;区别IE7与FF:nbsp;nbsp;nbsp;nbsp;background:orange;nbsp;*background:green;区别FF,IE7,IE6:nbsp;nb
13:17
DIV+CSSIE6IE7兼容问题,DIV+CSS设计时IE6、IE7、FF与兼容性有关的特性在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIVCSS设计的网,就应该更注意IE6IE7FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!所有浏览器通用height:100px;IE6专用_height:100p..
13:16
使用css-overflow属性控制大小缩略图,纯css控制,没用javascript.值得学习.lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlgt;lt;headgt;lt;metahttp-equiv=Content-Typecon
13:16
css:left,posLeft,pixelLeft,lt;SCRIPTLANGUAGE=JavaScriptsrc=http://www.cssrain.cn/demo/JQuery+API/jquery-1[1].2.1.pack.jsgt;lt;/SCRIPTgt;lt;SCRIPTLANGUAGE=JavaScriptgt;lt;!–$function{alertnbsp;nbsp;$#re.cssleftnbsp;+nbsp;nbsp;nbsp;+nbsp;nbsp;$#re.get0
13:16
纯css文本渐变,lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlgt;lt;headgt;lt;metahttp-equiv=Content-Typecontent=text/html;charset=gbk/gt;lt;titlegt
13:16
CSSHacks和问题解决,目录介绍针对浏览器的选择器让IE6支持PNG透明移除超链接的虚线给行内元素定义宽度让固定宽度的页面居中图片替换技术最小宽度隐藏水平滚动条一.介绍这篇文章包括了8个非常有用的解决办法,在进行css设计遇到问题时你就会用到它们.二.针对浏览器的选择器这些选择器在你需要..
13:16
始终在页面底部兼容ie,ff,lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlnbsp;xml:lang=zh-CNlang=zh-CNgt;lt;headgt;lt;styletype=text/cssgt;html,body{widt
13:16
可多次调用的选项卡兼容ie,ff,lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENgt;lt;!–引用时保留下原创作者喽,尊重任何一位原创作者,促进中国互联网进程Editor:weaslehttp://www.hxcgw.comEmail:weasle@163.comQQ:112011531–gt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlgt;lt;headg..
13:16
用css做圆柱型报表–简单版,lt;!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//ENgt;lt;htmlgt;lt;headgt;lt;titlegt;SimpleaccessibleChartslt;/titlegt;lt;metahttp-equiv=Content-Typecontent=text/html;charset=gbkgt;lt;styletype=text/cssgt;.chart{nbsp;font-family:T
13:16
css控制a标签的target,今天在网站二次开发时发一个问题就是把网页所有的a标签的target=_blank全部去了,用css控制.想了很多办法都没实现,上网查了一下发现有三种方法第一种就是用css第二是用js控制,但是要给a标签加external,不过js这种我觉得还是没有减轻文件的大小和加target没什么区别了,所..
13:16
css实现onmouseover和onmouseout等效果css嵌入javascript兼容FireFox和IE,lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlgt;lt;headgt;lt;metahttp-equiv=Conten
13:16
CSS部分代码解释笔记,position=定位方式padding=内间距margin=外间距(top=顶边right=右边bottom=底边left=左边)background=背景background-image=背景图像background-repeat=背景图像是否及如何铺排font-weight=字体的粗细font-family=选择字体font-size=字体尺寸display=设置是否及如何显..
13:16
[让CSS更规范]招数和过滤器简介,CSS过滤器(filter)是一种对特定的浏览器或浏览器组显示或隐藏规则或声明的方法。过滤器根据浏览器中的缺陷,比如解析bug以及未实现或错误地实现的CSS,对浏览器显示或隐藏规则。CSS招数是一种让浏览器表现得符合自己希望的不优雅的方法。CSS招数通常用来解决特定的浏..
13:16
圆角-简洁型css圆角矩形,lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlgt;lt;headgt;lt;metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/gt;lt;