搜索列表
-
最窄770px最宽1024px的经典布局研究
【CSS/HTML】最典型实用的上中下，并且中间分三列的布局，这个例子有2个特点： 1. 中间三列效果，可以任意实现单列背景色。2. 整体最窄770px，最宽1024px，也就是说窗口小于770xp就出底部滚动条，如果大于1024px自动屏幕居中。 效果浏览：http://www.rexsong.com/blog/attachments/200512/29_154158_minmax_3col.htm 分析：...
|最窄|窄7|77|70|0p|px|x最|最宽|宽1|10|02|24|4p|px|x的|的经|经典|典布|布局|局研|研究|究| -
css元素定位
【CSS/HTML】css元素定位 1. position:static|无定位position:static是所有元素定位的默认值, 一般不用注明，除非有需要取消继承的别的定位 example:#div-1 { position:static;} 2. position:relative|相对定位使用position:relative，就需要top,bottom,left,right4个属性来配合，确定元素的位置。如果要让div-1层向下移动20px,左移...
|cs|ss|s元|元素|素定|定位|位| -
最基本的几种CSS文字滤镜效果
【CSS/HTML】闲来无事，整理一些CSS文字效果，给初学者。下面做个例子吧，这都是最基本滤镜的应用，其实两种或几种不同滤镜的组合会获得意想不到的效果，遇到问题自己多动手试试就OK了，当然要特别注意颜色的搭配，有时候用色不好是看不出效果的，配合背景图片的应用也会有很好的效果的。因为太懒，所以没有写注释也没有写什么语法格式...
|最基|基本|本的|的几|几种|种C|CS|SS|S文|文字|字滤|滤镜|镜效|效果|果| -
CSS实现光滑圆角效果
【CSS/HTML】这个效果非常独特，以前我所见过的这种特效实现过程非常复杂，但这里的源代码却非常简单，推荐收藏。 <html xmlns:v><head><style>v\:*{behavior: url(#default#VML);}</style></head><body><v:roundRect style="position:absolute;left:20px;top:50px;width:200px...
|CS|SS|S实|实现|现光|光滑|滑圆|圆角|角效|效果|果| -
用CSS控制的闪烁效果
【CSS/HTML】 一段文本或一张图片，它的周围有一圈光晕，这圈光晕每一秒钟闪烁一次，而当鼠标移到上面时，立即停止闪烁，当鼠标移开时又继续闪烁。这种效果用于那些需要特别引起别人注意的内容上(如:警示、报告新增内容等)，能起到较好的效果。 上面这个示例就能实现上面所的效果，由于这里是抓取的一张图片，不能看到动态效果，只要...
|用C|CS|SS|S控|控制|制的|的闪|闪烁|烁效|效果|果| -
用CSS实现文字变图象特效
【CSS/HTML】 一段文字，当鼠标在文字上面单击，文字消失，原来文字的地方却立即变成了一张图片，当鼠标在图片上单击，图片又消失，原来的文字又重现了，像变魔术一样，是不是有意思?!这种效果用Dreamweaver的Behavirs 功能也可实现，但那要增加一段javascript程序，明显增加了不少代码。而用CSS来制作这种效果，增加的代码却要少...
|用C|CS|SS|S实|实现|现文|文字|字变|变图|图象|象特|特效|效| -
不用float实现模块居中布局
【CSS/HTML】最常见实用的布局形式：上、中左、中右、底四个模块，宽度760px，整体页面居中。 结构代码，top left right foot 四个模块全部独立、互不嵌套。 ＜div id="top"＞head＜/div＞ ＜div id="left"＞ ＜div id="left_module"＞left＜/div＞＜/div＞ ＜div id="right"＞ ＜div id="right_module"＞right＜/div＞＜/d...
|不用|用f|fl|lo|oa|at|t实|实现|现模|模块|块居|居中|中布|布局|局| -
用CSS构建iframe效果
【CSS/HTML】iframe应用很普遍，通常的需求有两种： 1，获取iframe效果，就是带一个滚动条，可以省不少版面。 2，要嵌一个页面，实现框架链接。 如果不方便使用iframe，可以有如下解决方案： 第一种需求如果我们使用CSS布局来实现，即可以少一个页面，也可以提高效率。 第二种需求可以采用xmlhttp远程获取。A. 直接模拟ifram...
|用C|CS|SS|S构|构建|建i|if|fr|ra|am|me|e效|效果|果| -
认识CSS中absolute与relative
【CSS/HTML】很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。 Absolute，CS...
|认识|识C|CS|SS|S中|中a|ab|bs|so|ol|lu|ut|te|e与|与r|re|el|la|at|ti|iv|ve|e| -
单纯使用CSS实现动态提示信息
【CSS/HTML】也许已经有人发现可以这样写... CSS代码部分 a.info { position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none } a.info:hover { z-index:1; background-color:#ff0 } a....
单纯使用CSS实现动态提示信息 -
布局遇到的问题 非常不错的见解
【CSS/HTML】前言 还未等到下一代WEB开发技术RIA技术成熟之前,当然还得与HTML作斗争。前段时间《网站重构》炒得挺热， 这些都是进步，的确给我们新的思想。在这里总结一些开发中的点滴经验。 布局 1、上下左右布局 刚开始学制作页面，用的是MM的DW软件，可视化，让更...
布局遇到的问题非常不错的见解 -
最基本的几种 CSS 文字滤镜效果
【CSS/HTML】下面做个例子吧，这都是最基本滤镜的应用，其实两种或几种不同滤镜的组合会获得意想不到的效果，遇到问题自己多动手试试就OK了，当然要特别注意颜色的搭配，有时候用色不好是看不出效果的，配合背景图片的应用也会有很好的效果的。 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 SUN...
最基本的几种CSS文字滤镜效果
