Positoin属性有四个值：static、fixed、absolute和relative，后面两个在布局中的定位里是经常用到的，顾名思义，absolute是指绝对定位，即将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位，而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框。ralative是指相对定位，就是依据left，right，top，bottom等属性在正常文档流中偏移位置。　　但是，怎么个绝对法，又怎么个相对法呢？以前我一直没有仔细去研究它，到具体应用时有时会有点迷糊，我相信很多朋友也会有这样的问题。今天我特意测试了一下，得出...

.htaccess文件RewriteRule^(.*).html$index.php?id=$1对于一个网址http://www.jb51.net/我是谁.html我们将会遇到以下4种情况http://www.jb51.net/我是谁.html(这里的”我是谁”是GB2312编码)IE打开,接收到的id是utf8编码的”我是谁”FireFox打开，接收不到id值，并且Apache会出现403错误。这里需要着重说明一下，因为FireFox会将”我是谁”自动urlencode，如果你的页面链接中”我是谁”的编码是gb2312就会出错。http://www.jb51.net/我是谁.html(这里的...

css学习笔记一<styletype="text/css"><!--*a,table,div{font-size:12px;}--></style>通配a,table,div下所有文字的字体大小.后边的a,table,div起到限定作用.<styletype="text/css"><!--*{font-size:12px;}--></style>通配body下所有文字的字体大小....

序号中文说明标记语法备注1背景颜色{background-color:数值}2背景图片{background-image:url(URL)|none}3背景重复{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4背景固定{background-attachment:fixed|scroll}5背景定位{background-position:数值|top|bottom|left|right|center}6背影样式{background:背景颜色|背景图象|背景重复|背景附件|背景位置}1．背景颜色：background...

通用类overflow:hidden;自动隐藏超出的内容，防止撑开层和表格的范围!important指定样式规则的应用优先权文字类color:#FF0000;文字颜色font-family:"Arial","Helvetica","sans-serif";字体font-size:9px;字号text-align：center;居中(left为居左,right为居右)line-height：28px；行高(可用150%值)font-style:italic;斜体(oblique偏斜体)font-weight:bold;服务粗体(bolder特粗，400粗值)font-variant:small-...

先说下这套架构的优点：1.可以方便的把繁重的CSS编写工作分配出去，而不会相互造成影响。2.结构清晰，利于维护和修改。3.每一张网页都仅加载自己需要的CSS。总结下来就是：提高开发效率，提高维护效率，提高网页加载效率。下面我解释一下上面这张CSS结构图：图中间的5个黑色的图示表示网页，其中上面单独的一张是母版页，下面四张是子页。使用VS的人都知道母版页的作用，相当于asp中的include，把共通的部分作成母版，单独的部分作成子页，提高开发效率。图上方绿色框内的是全局CSS部分，它们存放在styles文件夹中，由母版调用并作用到所有子页。图上方蓝色虚线框是单一CSS部分，其中每一张子页都有对应...

BI上有高手专门讨论了这种布局方法，但他用了较多的hack，还回避了IE6的dtd。我在实际使用中，发现回避掉IE6的dtd定义后，会导致ajax模态框无法居中（VS的一个控件，自动生成的代码，很难修改）。于是自己写了个简单的左右两列的布局，没用到什么hack，很简单，只是练手用用。css代码：left和right都贴住左侧。设置left在right上面(z-index)；在right内加个放内容的层(content)；设置content距离right的左侧为200px，即刚巧等于left的宽度。[code]*{margin:0;padding:0;list-style:none;}.wrap...

第一部：关于构建CSS框架我们要实现的目的：1.实现标准化，具备主流平台适应性的前端实现；2.快速开发，在站点风格确定后，前端不应该成为整个项目里瓶颈；3.重构的需求，尽可能的让类和区块样式可重用；4.分离结构和表现的需求，遵守了语义化结构的约定;5.构架完全符合金融网特色的CSS框架。6.对代码进行必要的搜索引擎优化。第二部：关于CSS命名的一些约定：1.不使用大写形式的类名和id名;2.尽可能使用描述性的英文单词的组合作为类名和id名;3.id名及类名的多个英文单词之间使用“_”短横线分隔;4.按区域进行描述编号例：main01_div01_ul01(可以理解为主体第一区域第一DIV下的第...

方法A:就是你自己把RSSXML的格式拼凑好,输出.并设置HTTPHeader，标记content-type为application/XML,常见的代码:[code]#Post_controller::feed()deffeedrequire"rss"articles=Article.find:all,:order=>'post_dateDESC',:limit=>10feed=RSS::Maker.make("2.0")do|maker|maker.channel.title="GangofTechnology"maker.channel.description="GangofT...

但是实际上，浏览器远远不止这几个,Firefox分为Firefox1.5,Firefox2,Firefox3几个主要版本，IE7,IE6中也各有好几个系列,另外除开这两个主流厂商的产品之外，还有Opera,Konqueror,Netscape,chrome等一系列。　　这些浏览器，各有各的一套，往往在这里运行正常，在那里运行就不正常了。于是WD们拆东边补西边，终于能在几个浏览器下都正常了。结果，产品经理又有了新的需求，需要在哪儿哪儿那儿改一下，于是乎，好不容易糊弄好的的纸架子一下子倒塌了，WD们又忙得焦头烂额。之所以这么说，因为，这是我的经验。　　大凡是WD，总是收集了一堆CssHacking...

一、少用偏门。　　类似break-word断行，z-index手动分层，还有像垂直对齐等等这些偏门CSS最好少用，因为不一定所有浏览器都支持，而且极难通过W3C检测。 　　二、center不是float的值。　　很多新手都会把center误认为是float的值，而偏偏不是如此。center只是text-align的值。 　　三、对齐不能包括两个值。　　很多新手会在float或者text-align中填写两个值，比如：float:left top。这是不允许的，浏览器也无法识别。 　　四、滚动条颜色最好不要自定义。　　很多浏览器不能正常识别自定义颜色的滚动...