CSS/HTML
层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。
-
css实现行间距效果
【CSS/HTML】Css中行间距定义是： line-height:18px; 上面代码是将行间距设为18px。长期以来，我在定义字体样式的时候，通常是这样： #myFont{ font:12px tahoma; line-height:18px; } 今天才发现，原来可以写成一行，...
css实现行间距效果 -
用css实现隐藏文本框
【CSS/HTML】方法1 本来的文本框是 <input type="text" value="" /> 加上 <input type="text" value="" style="display:none;" /> 方法2 <input type="hidden" />
用css实现隐藏文本框 -
如何实现多风格选择 样式实时切换
【CSS/HTML】我们在制作网站的时候，希望自己的网站是多风格的，用户可以根据自己的喜好选择不同的风格，这样的风格可以是布局上的变化，也可以是色彩上的差异，也可能是针对不同的用户群而特别定制的样式。 我们该如何实现多风格选择与样式的实时切换呢？ 其实只是IE不支持这个功能，我们完全可以交给浏览器去完成，FireFox就支...
如何实现多风格选择样式实时切换 -
ul在Firefox和IE下的不同表现的解决方法
【CSS/HTML】最近做了个oblog的系统模板，其中涉及到了ul，所以就整理出了这篇文章+这张大图。 ul是一个很常用的标签，但是因为它在Firefox和IE下的不同表现，让人觉得它是个很难以控制的标签。 ul在Firefox下有个padding值， 却没有margin值；而在IE下正好相反，ul有个margin值， 却没有padding值。【下图中的第...
ul在Firefox和IE下的不同表现的解决方法 -
用div+css解决出现水平滚动条问题
【CSS/HTML】十分郁闷的问题，看下我原来写的代码： 无标题文档 body{width:990px;} #head{height:95px;width:990px;} [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] 居然出现了水平滚动条，问题是我定义的宽度才950px啊！最后还是在网友的帮助下，发现了原因： 1 可以直接把body的css改为: body{width:990px; m...
用div+css解决出现水平滚动条问题 -
用滑动门技术设计按钮的图文教程
【CSS/HTML】本文为翻译文章，全文地址：http://diger.cn/article.asp?id=351原文地址：http://www.filamentgroup.com/lab/buttonElement/Particle Tree 最近发布了一篇文章描述了一种他们拿出的设计按钮元素的技术，对于那些不熟练的人来说，表格按键是出了名的难以定制。典型的解决方案是使用浏览器提供的默认按钮，或者是使用一...
用滑动门技术设计按钮的图文教程 -
用css动态生成闪字的代码
【CSS/HTML】需要的一张图片： aa div{ width:0px; background:url(https://www.jb51.net/upload/20077101039968.gif) } table{ letter-spacing:10px; font-size:60px; font-weight:900; filter:mask(color=#ffffff) } 我是中国人 function ss(a){ aa.innerText=a } jb51.net [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行...
用css动态生成闪字的代码 -
用CSS给图片打标的方法
【CSS/HTML】<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta&nbs...
用CSS给图片打标的方法 -
用CSS构建iframe效果代码
【CSS/HTML】iframe应用很普遍，通常的需求有两种： 1，获取iframe效果，就是带一个滚动条，可以省不少版面。 2，要嵌一个页面，实现框架链接。 如果不方便使用iframe，可以有如下解决方案： 第一种需求如果我们使用css布局来实现，即可以少一个页面，也可以提高效率。 第二种需求可以采用xmlhttp远程获取。 A. 直接模拟iframe ...
用CSS构建iframe效果代码 -
应用WEB标准实例：列表页面的制作
【CSS/HTML】实例效果图： 整体观察思考： 在开始制作页面前，我们首先要观察图的结构，考虑怎样布局，布局对一个网站来说非常重要，他是整个体系的骨骼。 再看此图 很经典的三行两列结构，分为四块，TOP、RIGHT、LEFT、BOTTOM。如下图 以上我们思考过整体的结构,接下来我们要考虑如何把思考出来的结构变化...
应用WEB标准实例：列表页面的制作 -
CSS属性 - white-space 空白属性使用说明
【CSS/HTML】CSS属性 - white-space 空白属性说明 该CSS属性用来处理空白。 值：normal | pre | nowrap | inherit 可用值 值的说明 normal 缺省值。文本自然换行。如果超过元素宽度，内容自然换到下一行。 nowrap 不允许换行。&...
CSS属性-white-space空白属性使用说明 -
做网页中需要掌握的八个CSS布局技巧
【CSS/HTML】1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http://validator.w3.org 。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。 ...
做网页中需要掌握的八个CSS布局技巧
