Jul
2009
31
13:29
CSS属性与JavaScript编码方法对照表,CSS与JS紧密配合，为我们的页面增添了很多别致的效果。在52CSS.com中也有相关的案例。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：JavaScript中style后面的属性应该是..
Jul
2009
31
13:29
CSS的长度单位em与em标签,CSS支持多种长度单位。它们可被分成两大类：绝对长度单位（以不依赖于显示设备的绝对尺寸来定义长度）；相对长度（相对其它为浏览器所知的单位来定义长度）。绝对长度度量可使用五种单位：英寸（in）、厘米（cm）、毫米（mm）、磅（point，写作pt）、字高（pica，写作p..
Jul
2009
31
13:29
CSS初学教程如何修改blog中的CSS,在学习应用css之前我们要先了解一下什么是css。CSS是CascadingStyleSheets层叠样式表的简称.*CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行属于浏览器解释型语言.*在标准网页设计中CSS负责网页内容XHTML的表现.*CSS文件也可以说是一个文本文件,它包含了一些..
Jul
2009
31
13:29
css类选择器和id选择器,在CSS中，类选择器以一个点号显示：.center{text-align:center}在上面的例子中，所有拥有center类的HTML元素均为居中。在下面的HTML代码中，h1和p元素都有center类。这意味着两者都将遵守.center选择器中的规则。lt;h1class=centergt;Thisheadingwillbecenter-alignedl..
Jul
2009
31
13:29
css应用：单击table，使点击的行变色,代码如下：lt;scriptgt;functionbgChangeobj{nbsp;nbsp;nbsp;objobj.bgColor=obj.bgColor==?#B6DC73:;}lt;/scriptgt;lt;tablewidth=80%border=1bgcolor=#ffffccgt;nbsp;nbsp;nbsp;lt;tronclick=bgChangethisgt;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;lt;
Jul
2009
31
13:29
利用CSS制作动感导航栏,我们在浏览很多网站的时候会看到有的网站当你的鼠标移动到导航栏的文字上的时候会感觉字在动，或则字体的颜色会变，或则有上划线，看看我的博客上导航栏的效果你的明白了，今天三少就来告诉大家这是怎么样实现的。其实这个很简单，它实际上是用CSS来实现的，请跟着我的..
Jul
2009
31
13:29
让div+css的div居中,而里面的文字不居中的做法,让div+css的div居中,而里面的文字不居中的做法: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;titlegt;做一个测试lt;/titleg
Jul
2009
31
13:29
CSS去掉点击时的虚线,也许你会觉得当点击时焦点出现的虚线很不好看，那就让我们把它去掉吧！一，在lt;agt;标签中加入onFocus=this.blur语句：-----------------------------------------------------------lt;ahref=#onFocus=this.blurgt;trylt;/agt;-------------------------------------..
Jul
2009
31
13:29
工作中常用的高效的CSS代码,我们最常用的有四种选择方法，Id规则选取，比如nbsp;引用内容button#button{}#urlBar[type=”text”]{}divgt;pgt;span#demo{}class规则选取，比如nbsp;引用内容button.toolbarButton{}.fancyText{}menuitemgt;.menu-left[checked=”true”]{}Tag规则选取，比如nbsp;引用..
Jul
2009
31
13:29
css实现热点（hotspot，地图提示）,地图弹窗（mappop）具体演示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/h
Jul
2009
31
13:29
CSS实现不定高度DIV绝对居中,一般来说，指定高度的DIV垂直和水平居中比较方便，而不定高度的话就稍微麻烦了点，我尝试了一下，通过2个辅助的DIV实现了绝对居中，兼容IE和FF等标准浏览器。CSS代码：#wrapper{height:100%;width:100%;overflow:hidden;position:relative}#wrapper[id]{display:table;..
Jul
2009
31
13:29
用CSS设计你的搜索框,今天我将介绍一下如何使用CSS中的背景图片来设计你的搜索框。之前我使用别的方法来实现我的表单和搜索框，但是这种方法看起来会更容易些，所以我想将它与感兴趣的朋友分享。ViewDemo原始方式首先来让我们看看我的原始的使用lt;inputtype=”image”src=”image_url”/gt..
Jul
2009
31
13:29
CSS高级教程页面布局,用CSS来布局很容易。如果你已经习惯用表格布局的话，起先会感觉比较困难。其实不难，只不过动机不同，并且在实践中更有意义。你可以把这一页面的各个部分当作独立的版块来看待，无论你选择哪一块。你可以绝对或相对地用彼块取代此块。定位定位属性position用于定义一个..
Jul
2009
31
13:29
使用CSS定位页面的“footer”,基本思路首先考虑外层设置一个容器div，id设为#container，使他的高度为浏览器窗口的高度，然后将#footer这个div设置为#container的子div，并使用绝对定位的方式，使他固定到#container的底端，以实现希望的效果。点击这里察看案例页面效果。改变浏览器的高度和宽度，可..
Jul
2009
31
13:29
淘宝的css属性顺序书写规范,很有启示作用，可以参考。段正淳fromTaobao.comUEDTeam以前部门的同事们，每个人都有一套书写的规范，导致看对方的css代码非常吃力，所以就推行了一套书写标准，或许对您也有帮助。*{/*显示属性*/displaypositionfloatclearcursor…/*盒模型*/marginpaddingwidthheight..
Jul
2009
31
13:29
用CSS控制IE下中英文字体显示对齐,这是一个不太引人注意的问题，在IE浏览器下面中英文字体混排的时候，常常会出现不对齐的情况。那么疑惑又来了，是什么导致了中英文偏差呢？！解决办法又是什么呢？！于是经过我测试发现两种情况（当然有可能有更多导致的情况。你们可以自己去尝试），当中英文对象的相邻..
Jul
2009
31
13:29
CSS三行三列DIV高度自适应的设置,用脚本控制三行三列div高度自适应的设置方法，其实不必如此麻烦，只要给父div设置一个固定高度，比如10px,其子div的height:100%就可实现高度自适应，不信，看代码：nbsp;lt;headgt;lt;stylegt;body{nbsp;nbsp;nbsp;font-family:arial,helvetica,sans-serif;nbsp;nbsp;n..
Jul
2009
31
13:29
CSS清除浮动的三个方法,用空标签清除.clr{clear:both;}LeftRight使用overflow属性#layout{overflow:auto;zoom:1;}LeftRight使用:after（非IE浏览器）#layout:after{display:block;clear:both;content:'';visibility:hidden;height:0;}LeftRight注：使用:after需要注意几点，设置高度为零（hei..
Jul
2009
31
13:29
css背景图片的定位问题,摘自别人的劳动成果~~~很不错的东西语法：nbsp;nbsp;nbsp;background-position:length||lengthnbsp;nbsp;nbsp;background-position:position||position取值：nbsp;nbsp;nbsp;length:百分数|由浮点数字和单位标识符组成的长度值。nbsp;nbsp;nbsp;position:top|center|bo..
Jul
2009
31
13:29
CSSopacity-实现图片半透明效果,lt;imgalt=powerbookg4.jpgsrc=archiveimagepowerbookg4.jpgwidth=250height=60style=-moz-opacity:0.5;filter:alphaopacity=50;cursor:hand;onmouseover=this.style.MozOpacity=1;this.filters.alpha.opacity=100onmouseout=this.style.MozOpacit
Jul
2009
31
13:29
网页布局中CSS的Class灵活应用,相信学过CSS的朋友都知道CLASS这个东西,不知道你平时制作网页时是怎么应用的,我是这样来做DIV布局代码的．不知道说的清楚不清楚，凑和看吧我把class分为２种，布局class，风格class，布局class是骨架，风格class是衣服举个例子：比如布局中的左栏首先它的属性有：是左栏..
Jul
2009
31
13:29
最常用的CSS小把戏MostusedCSStricks,版权声明：本文版权归原作者所有译介仅供国内读者参考本文概要：最常用的CSSTrick，诸如圆角、首字下沉等等。之前有篇译介“8个一句话CSS小诀窍”介绍了8个非常使用的一句话CSS小技巧，这周再给大家带来一篇类似的文章，介绍了一些最常用的CSSTrick，或者叫做CSS小把戏..
Jul
2009
31
13:29
9个精简优化CSS文件的技巧,原文|via：nbsp;nbsp;9TipstoSmalleramp;OptimizedCSSFiles作者|Author：StefanVervoort翻译|Trans：Luc由于CSS文件加载于网页的头部，所以每位访问者都会下载这些文件。我们会对PHP文件、图片进行优化，而往往忽略了CSS文件。今天我们应该思考这个问题并做点什么。可以..
Jul
2009
31
13:29
让IE浏览器即时刷新CSS样式,nbsp;nbsp;nbsp;在网页开发的时候，经常使用CSS来设计网页样式，这时通常是通过link的方法将指定的css样式文件嵌入到相应的页面中。而在编写样式的使用，往往是通过网页来测试和观察其效果。由于在测试不同设计样式的效果时会频繁修改css样式文件的内容，并且没改完一次..
Jul
2009
31
13:29
如何查看CSS代码,进入空间主页——点击鼠标右键——查看源文件——按Ctrl+F弹出搜索对话框,在里面输入CSS——开始查找——找到以CSS为后缀名的代码一般是第三个：href=/xxxx/csitem/1bf5638135e103d8bd3e1e52.cssgt;,复制/csitem/1bf5638135e103d8bd3e1e52.css加在空间网址http://hi.ba..
Jul
2009
31
13:29
CSS实现鼠标滑过表格变色,第一种:expression代码如下:lt;htmlgt;lt;headgt;lt;metahttp-equiv=Content-Typecontent=text/html;charset=gb2312/gt;lt;styletype=text/cssgt;.tablestyle{nbsp;background-color:#CCCCCC;border:#ff0000solid2px;border-collapse:collapse;nbsp;cursor:hand;
Jul
2009
31
13:29
DIV+CSS必须考虑的浏览器兼容的技巧,1,盒解释器的不同解释.#box{width:600px;//forie6.0-w\idth:500px;//forff+ie6.0}#box{width:600px!important//forffwidth:600px;//forff+ie6.0width:500px;//forie6.0-}2,在ie中隐藏css,使用子选择器htmlgt;body#box{}3,只有ie识别*html#box{}4,在ie/win有效而ie/max隐..
Jul
2009
31
13:29
select用CSS控制边框及其他属性,select控件用CSS不太好管!在style里写上nbsp;nbsp;width:??px;这个可以实现.nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;height:??px;这个就实现不了.只能通过调整里面字体的大小来改变高度..
Jul
2009
31
13:29
Js和CSS实现脚注Footnote效果,nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;脚注（Footnote）是向用户提供更多信息的一个最佳途径，也是主体信息的一个有效补充，常见于各种印刷书籍中。不过，既然脚注有这些好处，我们当然要在网页中也加以利用，本文向您介绍了用nbsp;Javascriptnbsp;和nbsp;CSSnbsp;实现脚注效..
Jul
2009
31
13:29
解决IE6不能正常解析CSS文件的方法及原因,网页采用了UTF-8编码格式，这本来没有问题，问题是外部CSS文件默认是ANSI编码，并没有保存为UTF-8格式。可能你会发现在一般情况下这样也是没有问题的，然而当CSS文件中包含有中文注释时就可能不尽如人意了！估计是IE6版本以下的浏览器在解析这个CSS文件时因为编码问题而..
