CSS资料,CSS文章,CSS文档-易库教程

div+css布局必须要知道的css条件注释理论及实践第1/2页

2017年02月06日 75 阅读

浏览器的条件注释理论，用下面一段例子来解释这个问题（X）HTML 下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果复制代码代码如下:<！--[ifIE]> <h1>您正在使用IE浏览器</h1> <！[endif]--> <！--[ifIE5]> <h1>版本5</h1> <！[endif]--> <！--[ifIE5.0]> <...

用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！

2017年02月06日 80 阅读

用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！下面代码有点多！但做出来你肯定喜欢！用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！我不想废话了，开门见山吧。先看演示：http://www.gz7y.com点精彩推荐即可看见！如果下面代码你看不懂或者做不出来，明天等待我的视频吧。 CSS如下： <STYLEtype=text/css> <！-- #f_div{width:230px;height:205px...

解决IE5/IE5.5/IE6/FF的兼容性问题——CSS

2017年02月06日 76 阅读

转自蓝色理想作者bias 原文地址http://www.blueidea.com/tech/site/2006/3296.asp之前找了几个不同版本的可独立运行的IE浏览器，正好拿来试试页面的兼容性问题。不试不知道，在IE6和FF中没问题的页面在IE5和IE5.5中乱成一团，一直听说IE5是WEB标准制作的一个“钉子户”，现在不得不相信了。既然有问题，那就找找解决的方法咯，在网上一搜，相关的文章还是不少的，觉得最直接的方法还是“IE条件注释”，很方便的...

超赞的随机颜色搭配工具

2017年02月06日 81 阅读

点激SPIN随机生成一组颜色Flash动画在线播放...

CSS2实现的隔行换色

2017年02月06日 76 阅读

利用了CSS2的相邻选择符IE7以下不支持隔行换色示例: <！DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <title>放弃class与js实现隔行换...

CSS中几种常见的注释

2017年02月06日 70 阅读

1、选择器（childselector）如果你想在IE中隐藏一个CSS定义，可以使用子选择器。 css部分： html>bodyp{ /*declarations*/ } 2、“通配符”（*）这种写法只有IE浏览器可以理解（对其他浏览器都隐藏） css部分： *htmlp{ /*declarations*/ } 3、“反斜线”（）如果你希望IE/Win有效而IE/Mac隐藏，可以使用“反斜线”技巧。 css部分： /**/ *htmlp{ de...

dhtml shtml xhtml的区别解析

2017年02月06日 72 阅读

dhtml: 确切地说，DHTML只是一种制作网页的概念，实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范，DHTML只是一种将目前已有的网页技术、语言标准整和运用，制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念。 DHTML大致包含以下网页技术、标准或规范： HTML4.0 没什么好说的，网页的基础语言标准。 CSSL 注意！不是CSS，是CSSL，它是Clent-SideScriptin...

做网页中需要掌握的八个CSS布局技巧

2017年02月06日 76 阅读

1.若有疑问立即检测在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://validator.w3.org。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。 2.使用浮动功能时记得适当清除指令浮动是个危险的功能，未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况，请先确定您...

CSS属性 - white-space 空白属性使用说明

2017年02月06日 114 阅读

CSS属性-white-space空白属性说明该CSS属性用来处理空白。值：normal|pre|nowrap|inherit 可用值值的说明 normal缺省值。文本自然换行。如果超过元素宽度，内容自然换到下一行。 nowrap不允许换行。 pre保留换行和空白。这个值只有当你声明了！DOCTYPE，且IE6以上版本才支持。在HTML文件里，空白，比如换行符（linebreaks）、空格（spaces）、制表符（tabs），都被自动截去。HTML会...

应用WEB标准实例：列表页面的制作

2017年02月06日 83 阅读

实例效果图：整体观察思考：在开始制作页面前，我们首先要观察图的结构，考虑怎样布局，布局对一个网站来说非常重要，他是整个体系的骨骼。再看此图很经典的三行两列结构，分为四块，TOP、RIGHT、LEFT、BOTTOM。如下图以上我们思考过整体的结构,接下来我们要考虑如何把思考出来的结构变化成"骨骼"如下图（盒模型来分析）制作流程：主体制作 --> 细节制作一、制作主体：xhtml：<div class="editorChoose"><h...

用CSS构建iframe效果代码

2017年02月06日 81 阅读

iframe应用很普遍，通常的需求有两种： 1，获取iframe效果，就是带一个滚动条，可以省不少版面。 2，要嵌一个页面，实现框架链接。如果不方便使用iframe，可以有如下解决方案：第一种需求如果我们使用css布局来实现，即可以少一个页面，也可以提高效率。第二种需求可以采用xmlhttp远程获取。 A.直接模拟iframe 用层做容器 #content{overflow:auto;height:200px;width:600px;backgrou...

用CSS给图片打标的方法

2017年02月06日 90 阅读

<！DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/...

用css动态生成闪字的代码

2017年02月06日 74 阅读

需要的一张图片： aa div{ width:0px; background:url（/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 [Ct...

用滑动门技术设计按钮的图文教程

2017年02月06日 79 阅读

本文为翻译文章，全文地址：http://diger.cn/article.asp？id=351原文地址：http://www.filamentgroup.com/lab/buttonElement/Particle Tree 最近发布了一篇文章描述了一种他们拿出的设计按钮元素的技术，对于那些不熟练的人来说，表格按键是出了名的难以定制。典型的解决方案是使用浏览器提供的默认按钮，或者是使用一个图形输入。当图形输入完成了需求结果时，它请求创建一个新的图形为每一个...

用div+css解决出现水平滚动条问题

2017年02月06日 122 阅读

十分郁闷的问题，看下我原来写的代码：无标题文档body{width:990px;}#head{height:95px;width:990px;} [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] 居然出现了水平滚动条，问题是我定义的宽度才950px啊！最后还是在网友的帮助下，发现了原因： 1可以直接把body的css改为: body{width:990px;margin:0;padding:0;} 2可以添加：*{margin:0;paddi...

ul在Firefox和IE下的不同表现的解决方法

2017年02月06日 90 阅读

最近做了个oblog的系统模板，其中涉及到了ul，所以就整理出了这篇文章+这张大图。 ul是一个很常用的标签，但是因为它在Firefox和IE下的不同表现，让人觉得它是个很难以控制的标签。 ul在Firefox下有个padding值，却没有margin值；而在IE下正好相反，ul有个margin值，却没有padding值。【下图中的第二第三例的对照可以看出】在Firefox下，ul的list-style默认是处于内容的外边缘的。当然可以通过c...

如何实现多风格选择样式实时切换

2017年02月06日 78 阅读

我们在制作网站的时候，希望自己的网站是多风格的，用户可以根据自己的喜好选择不同的风格，这样的风格可以是布局上的变化，也可以是色彩上的差异，也可能是针对不同的用户群而特别定制的样式。我们该如何实现多风格选择与样式的实时切换呢？其实只是IE不支持这个功能，我们完全可以交给浏览器去完成，FireFox就支持这个功能。假设我们有两套CSS，分别封闭在两个不同的文件中：a.CSS和b.CSS。然后在<head>和</head>...

用css实现隐藏文本框

2017年02月06日 73 阅读

方法1本来的文本框是 <inputtype="text"value=""/> 加上 <inputtype="text"value=""style="display:none;"/> 方法2 <inputtype="hidden"/>...

css实现行间距效果

2017年02月06日 67 阅读

Css中行间距定义是： line-height:18px; 上面代码是将行间距设为18px。长期以来，我在定义字体样式的时候，通常是这样：#myFont{ font:12pxtahoma; line-height:18px; } 今天才发现，原来可以写成一行，修改如下： #myFont{ font:12px/18pxtahoma; }...

研究了一下div+css的高度自适应问题

2017年02月06日 72 阅读

div+css还是比较难搞的，要实现上下两个div高度自适应感觉麻烦，查了下资料只找到上下高度都是百份比的是可以的，我要实现上面的div是具体像素高度，下面是自适应剩余的百份比。自己搞了一下还要用上js，不知道是不是很笨，有好的方法请大家帖出来。 <bodystyle=”height:100%;margin:0px;width:100%;”> <divid=”ddii22″style=”background-color:#ffffff;h...

首页 / 脚本样式 / CSS

div+css布局必须要知道的css条件注释理论及实践第1/2页

用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！

解决IE5/IE5.5/IE6/FF的兼容性问题——CSS

超赞的随机颜色搭配工具

CSS2实现的隔行换色

CSS中几种常见的注释

dhtml shtml xhtml的区别解析

做网页中需要掌握的八个CSS布局技巧

CSS属性 - white-space 空白属性使用说明

应用WEB标准实例：列表页面的制作

用CSS构建iframe效果代码

用CSS给图片打标的方法

用css动态生成闪字的代码

用滑动门技术设计按钮的图文教程

用div+css解决出现水平滚动条问题

ul在Firefox和IE下的不同表现的解决方法

如何实现多风格选择 样式实时切换

用css实现隐藏文本框

css实现行间距效果

研究了一下div+css的高度自适应问题

如何实现多风格选择样式实时切换