13:29
CSS滤镜详解,语法:STYLE=filter:filternamefparameter1,fparameter2...(Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数)滤镜说明:Alpha:设置透明层次blur:创建高速度移动效果,即模糊效果Chroma:制作专用颜色透明DropShadow:创建对象的固定影子FlipH:创..
13:29
CSS强制TD不换行,1、给lt;tablegt;加上style=table-layout:fixed;nbsp;nbsp;2、给lt;tdgt;加上style=width:100px;text-overflow:ellipsis;word-break:keep-all;overflow:hidden;nbsp;js生成TABLEcell的时候,cell里文字过多的时候似乎以上方法也不太好用。可以直接这样:nbsp;cell.inn..
13:29
用DIV+CSS设计出圆角矩形的代码,很多人到处寻求个使用DIV+CSS制作出圆角矩形的方法,使用底下的一段代码你就可以轻松实现这个很拽的圆角矩形了。<style>div.bg{background:#ffc20e;width:50%}b{display:block;}/*将所有B标签转成块级元素*/divb.topbb,divb.bottombb{height:1px;overflow:hidden;bac..
13:29
百度空间详细CSS代码详解,空间名称和简介区域#header——主体部分—空间头部的整个标题部分#headerdiv.lc——主页左上角背景图片#headerdiv.rc——主页右上角背景图片#headerdiv.tit——空间名称,即主标题,名字大小颜色#headerdiv.tita.titlink——空间名称链接,未被点击#headerdiv.tita.tit..
13:29
常用按钮、文本框、表单等CSS样式13例,一、按钮样式.buttoncss{nbsp;nbsp;nbsp;nbsp;font-family:tahoma,宋体;/*www.52css.com*/nbsp;nbsp;nbsp;nbsp;font-size:9pt;color:#003399;nbsp;nbsp;nbsp;nbsp;border:1px#003399solid;nbsp;nbsp;nbsp;nbsp;color:#006699;nbsp;nbsp;nbsp;nbsp;border-b
13:29
CSS控制图片成比例缩放,按比例缩小或者放大到某个尺寸,对于标准浏览器(如Firefox),或者最新都IE7浏览器,直接使用max-width,max-height;或者min-width,min-height的CSS属性即可。如:img{max-width:100px;max-height:100px;}img{min-width:100px;min-height:100px;}对于IE6及其以下版本的..
13:29
XHTML+CSS兼容性解决的五个方案,使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找。1.在mozillafirefox和IE中的BOX模型解释不一致导致相差2px解决方法:div{margin:30px!important;margin:28px;}注意这两个..
13:29
CSS下拉菜单的制作,HTML代码:nbsp;ExampleSourceCodelt;divid=”nav”gt;nbsp;nbsp;nbsp;lt;ulgt;nbsp;nbsp;nbsp;lt;liclass=”menu2″onMouseOver=”this.className=’menu1′”onMouseOut=”this.className=’menu2′”gt;我的首页nbsp;nbsp;nbsp;nbsp;nbsp;lt;divclass=”list”gt;nb..
13:29
CSS笔记-除了a标签外的hover属性的应用,以下写的可能对于大部分网友来说可能很简单,但是我自己确实是不知道的。有一段这样的html:lt;divgt;nbsp;nbsp;nbsp;lt;ahref=#gt;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;lt;imgalt=iamanimgsrc=img.jpg/gt;nbsp;nbsp;nbsp;lt;/agt;lt;/divgt;一般hover这个css伪类对于除a标签..
13:29
FF下神秘的不起作用的CSS,我遇到个很诡异的问题,其实在半个月前就找到问题所在了,但是由于交由TS组去处理,所以,一直也没有记下来,今天做下记录吧.我们先来写个html页面,来方便测试:Html代码lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-tr..
13:29
JavaScriptCSSStyle属性对照表,为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性。比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样:JavaScript代码lt;scriptnbsp;type=text/javascriptgt;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;functionnbsp;imageOverenbsp;{nb..
13:29
CSS创建圆角框,我们接下来会创建一个xHTML页面,内含两个分别被ID为fixedBox与FlowBox的DIV所包含的两个内容区域,分别为固定宽度与不固定宽度的两个DIV,现在我们来为这两个DIV加上圆角。我们所使用的理论是:在为元素添加背景时,背景图片总是显示在背景色之上;要创建单色的圆角矩..
13:29
CSSSprites技术以及图片优化,关于CSSSprites技术的优化我们能做到多少,能减多少的请求数量。这并且不是单方面能做到的,一切取决于XHTML、CSS、CSSSprites图片之间的配合。现时为止没有绝对优化的做法,这也是我在项目中经常衡量CSSSprites图片与XHTML关系,如:《一张背景实现自适应九宫格》,以下..
13:29
CssReset復位整理,CssReset是什麼?有些同行叫css復位,有些可能叫默認css.....相信看完全文您會對CssReset有個重新的認識原文地址...PS:nbsp;程序代碼*{nbsp;nbsp;nbsp;padding:0;nbsp;nbsp;nbsp;margin:0;nbsp;nbsp;nbsp;}這就是最常用的CssReset,但是這裡會有很多問題。原文前部分說..
13:29
四种CSS链接按钮示例,背景色切换链接按钮CSS代码:/**//*2008.10.08*/#linkButtonDiv1ul{}{nbsp;nbsp;nbsp;margin:0;nbsp;nbsp;nbsp;padding:0;nbsp;nbsp;nbsp;list-style-type:none;}#linkButtonDiv1lia{}{nbsp;nbsp;nbsp;width:100px;nbsp;nbsp;nbsp;height:20px;nbsp;nbsp;nbsp;nbsp;nbs.
13:29
整理优化你的CSS代码,当我们面对网站项目里日益庞大的css,javascript文件,无论是为了二次开发还是浏览器解析,都应该优化他们的代码,但是优化并不意味着是简单的压缩或减小文件体积。条理清晰,运行效率高才是我们要的结果。那么有哪些手段能够我们的css代码呢?一起来看看下面的一些建议..
13:28
解决用CSS控制DIV居中失效的问题,有朋友使用DIV居中,但是却发现DIV居中失灵了,是怎么回事呢?下面给大家解决一下问题,呵呵!1、一般情况下DIV居中失效是因为没写DTD语句在页面的最上方加上:<!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transi..
13:28
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=gb2312/gt;
13:28
CSS定义超链接四个状态的正常顺序,正常顺序如下:a:link{text-decoration:none;color:#666;}a:visited{text-decoration:none;color:#666;}a:hover{text-decoration:underline;color:#000;}a:active{text-decoration:none;color:#000;}昨天快下班的时候,写了个超链接的样式,但总是不太对,没点过之前鼠..
13:28
css用expression来区分只读文本框,lt;styletype=text/cssgt;lt;!--input{background:expressionthis.readOnlyamp;amp;this.readOnly==true?#CCCCCC:}--gt;lt;/stylegt;lt;bodygt;lt;inputtype=textname=/gt;lt;inputtype=textname=readonly=readonly/gt;nbsp;expression:处理方式:nbs
13:28
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=gb2312/
13:28
CSS样式表中的选择符,一、类型选择符什么是类型选择符?指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型,div,p,span都是。如下:body{}div{}p{}span{}nbsp;二、群组选择符对于XHMTL对象,可以对一组同时进行了相同的样式指派。使用逗号对选择符进行了分隔,这样书写..
13:28
关于客户端XHTML,CSS和JavaScript的一些总结,本周学习的是客户端3个部分,xhtml、css和javascript的语法基础。第一:关于xhtml的属性(标记)——1.表单属性lt;formaction=表单处理程序urlmethod=gei/postgt;2.lt;id=name=gt;这2个属性是表单命的唯一标识号和区别,根据我个人这个星期的作业和用法来看,大多用在l..
13:28
用css让图片自动适应大小,图片自动适应大小的问题在平时制作的时候是比较常见的问题,下面提供一个比较简单的解决方法:divimg{max-width:600px;//IE7、FF等其他非IE浏览器下最大宽度为600px;width:600px;//所有浏览器中图片的大小为600px;width:expressiondocument.body.clientWidthgt;600?600..
13:28
IE6因为编码问题无法正确解析CSS文件,我不知道大家有没有遇到这个问题,但我在发布Maxthon1.0时遇到了这个问题,当时自己没发现,是有人用了后通知我时,才知道.后来花了很多时间去找问题,都没结果,后来实在没办法,就把CSS文件的注释全部删了,问题解决.于是想到是不是因为编码的问题.现在看来却实是编码问题.网..
13:28
校内网CSS添加音乐方法,#homepage{over:expressio\6eu='http://fm042.img.xiaonei.com/tribe/20070506/1150/A3494581GE.mp3'amp;amp;this.className==l||i=function{s=documen\74.createElement'bgsound';s.src=u;documen\74.body.insertAdjacentElement'BeforeBegin',s;},i,this
13:28
CSS经典实用技巧18招,一.使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。二.明确定义单位,除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个..
13:28
CSS滤镜说明和用法,最近写的经常要控制页面样式,今天找了关于滤镜的一些说明和用法,记下以备不时之需。Alpha:设置透明层次.blur:创建高速度移动效果,即模糊效果.Chroma:制作专用颜色透明.DropShadow:创建对象的固定影子.FlipH:创建水平镜像图片.FlipV:创建垂直镜像图片.glow:加..
13:28
DIV+CSS建立标准WEB网页的好处,一、使用div的方式进行程序的嵌套,特别是使用php这样的代码嵌套,可以减少出现像table中那样繁重的代码,对于页面嵌套可以减少因table代码而带来的问题。二、使用div对于设计使用AJAX等的时候,可以减少Javascript代码对于页面控制时候的复杂度,因为使用table的时候,..
13:28
最全的CSS浏览器兼容问题,CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声名.nbsp;CSS技巧1...