走向WEB开发

 外部引用CSS中 link与@import的区别2008-10-7 20:07:25 作者:不详 来源:网站制作指南　　这两天刚写完XHTML加载CSS的几种方式，其中外部引用CSS分为两种方式link和@import。本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。　　差别1：老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。lin

CSS opacity-实现图片半透明效果2008-12-7  来源：动态网站制作指南this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50">在IE中需要通过"filter"来定义透明度"opacity"，而在Mozilla中是可以直接解析"op

 CSS强制TD不换行2008-12-7   来源：动态网站制作指南1、给加上style="table-layout:fixed"；   2、给加上style="width:100px;text-overflow:ellipsis; word-break:keep-all; overflow:hidden;"  js生成TABLE cell的时候，cell里文字过多的时候似乎以上方法也不太

网页布局中CSS的Class灵活应用来源：未知相信学过CSS的朋友都知道CLASS这个东西,不知道你平时制作网页时是怎么应用的,我是这样来做DIV布局代码的．不知道说的清楚不清楚，凑和看吧我把class分为２种，布局class，风格class，布局class是骨架，风格class是衣服举个例子：比如布局中的左栏首先它的属性有：是左栏，宽度，背景颜色，字体颜色等１．首先会定义一个class,

CSS技巧:改变选择网页文字的背景色资料引用:http://www.knowsky.com/533360.html最近在访问一个网站的时候，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色通常是深蓝色。现在，如果您的网站不使用任何蓝色为文字背景，看上去会不会有点不合适？ 　　当寻找如何实现这一点的解决办法后，我感到惊喜，这竟然非常容易。只需添加以下的CSS到您的网页：

DIV+CSS必须考虑的浏览器兼容的技巧来源:动态网站制作指南1,盒解释器的不同解释. #box{width:600px; //for ie6.0-w/idth:500px; //for ff+ie6.0}#box{width:600px!important //for ffwidth:600px; //for ff+ie6.0width :500px; //for ie6.0-}2,

表单name与id的区别和相似之处来源:动态网站制作指南表单的name与id其实是同一个意思，都是为了标记对象名称。它们所不同的是：name是Netscape的、id是Microsoft的。表单元素(form　input　textarea　select)与框架元素(iframe　frame)用name。这些元素都与表单(框架元素作用于form的target)提交有关，在表单的接收页面只接收

 能够通过w3验证的css文字阴影效果来源:动态网站制作指南CSS2中的text-shadow属性能够很容易的给web页面中的文本添加阴影，但是到目前为止只有OS X的Safari浏览器支持它，今天，我们将为其他浏览器创建CSS文本阴影效果，包括Firefox，并且能够通过w3验证。 讨论了多年的text-shadow属性可以让你控制页面元素阴影的颜色、偏移量及模糊度，尽管其还未被广泛支持

 如何给 legend 标签设定宽度 作者:怿飞我们在做表单的时候经常会使用到这样的结构：    哪些浏览器legend标签设定的宽度有效    IE6    IE7    Firefox2    Firefox3    Opera9.0+    Safari3.0+ 当我们使用 CSS 给 legend 标签设定固定宽度时：legend {    background:red; 

 HTML标记em和strong的区别来源:岁月如歌 作者：lifesingerem 和 strong 的区别，可以从三个层次上来谈。首先看 HTML 4.01 中的说明：EM: Indicates emphasis.STRONG: Indicates stronger emphasis. em 表示强调，strong 表示更强烈的强调。言简意赅，表明了 em 和 strong

div css表单布局的五个小技巧div css表单布局的五个小技巧可以帮助你更灵活的控制表单，使页面更加满意。　　1、表单文本输入的移动选择：　　在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 中，一切就会变得简单多了，如： 

border-radius与圆角作者：秦歌　来自：蓝色理想  两年前发表的《The visual design of Web 2.0》中提到“Rounded everything”，圆角因使人感觉舒适的友好风格而变得无处不在。这个无处不在也让很多前端工程师累个半死，YAHOO Performance Research Engneer Team 的Nicole在讲演《Designing

 圆角自适应宽度按钮的css实现2008-10-12 来源:网站制作指南有时候我们需要一个链接看上去像按钮，所以就需要用到block属性，如果要几个按钮并排或者需要和其他文字混排的时候，inline-block就可以很好的解决这个问题。只是不是所有人都响应了Mozilla的号召把Firefox升级到了3.0。遗憾的是，Firefox2不支持这个属性。网上查了一下，似乎有很多种建议方案，但是只有

跨浏览器的 inline-block 实现  2008-10-14 19:46:48  来源:动态网站制作指南最近在为自己做个新站，想到了些效果，实现时碰到了些小麻烦，比如这个 inline block。所幸大多数问题都解决了，所以写出来分享一下。我们在制作网页时，有时会希望一个元素既能像 block 一样定义宽度和高度，又可以像普通的 inline 一样不断行。例如下面这张图片中红线

CSS3属性选择符介绍 9:25 2008-10-27 来源:网页教学网整理英文原文：http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/中文翻译：http://www.dudo.org/article.asp?id=197注：本文写于2006年1月，当时IE7、IE8和Firefox3还未发

 CSS Sprites图片切割术与图片优化                   2008-10-20 17:35:54  来源:动态网站制作指南关于CSS Sprites技术的优化我们能做到多少，能减多少的请求数量。这并且不是单方面能做到的，一切取决于XHTML、CSS、CSS Sprites图片之间的配合。现时为止没有绝对优化的做法，这也是我在项目中经常衡量CSS Sprites图片与XH

web标准知识：以图换字的几个方法及思路作者：振之  来源：andymao.com 今天有个朋友做网页的时候遇到个问题：想保留链接的背景，但又要链接里的文字消失！可是弄了半天一直没办法把这个文字去掉。我想很多学标准的朋友都遇到过这个问题，这里我把常用的几个方法写出来，把思路也讲一下，希望能帮助刚开始学习的朋友。 “以图换字”就是用图片替换文字表现。我们都知道，文字在浏览器里的表现形式是

CSS滤镜说明和用法2008-11-11    来源::动态网站制作指南最近写的经常要控制页面样式，今天找了关于滤镜的一些说明和用法，记下以备不时之需。Alpha：设置透明层次.blur：创建高速度移动效果，即模糊效果.Chroma：制作专用颜色透明.DropShadow：创建对象的固定影子.FlipH：创建水平镜像图片.FlipV：创建垂直镜像图片.glow：加光辉在附近对象的边外.gr

 文字超出显示省略号==CSS制作来源：动态网站制作指南文字超出显示省略号，大家可以复制这段代码进行实验下#cs{width:100px;height:50px;line-height:50px;color:#6699ff;border:1px #ff8000 dashed;overflow:hidden;text-overflow:ellipsis}爱上你的微笑--文字超出显示省

 按钮在 IE 中两边被拉伸的 BUG 作者:怿飞 大家在写按钮（input、button）的时候会发现在 IE 下：随着字数的增多，两边的间距也会越来越大。 在 WIN 的XP 风格下，当字数很多时，两边还会出现严重的锯齿。 到底是什么原因呢？蓝色理想 原 WEB标准化专栏 的斑竹 zbm2001z 给出了一个答案：1、IE 在按钮的 value 值每增加 4 个字节（汉字为

div+css 面试题目的简介 1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A 2.IE6的双倍边距BUG 例如:     body {margin:0}     div { float:left; margin-left:10px; width:200p

CSS实现自动换行的小技巧资料引用:http://www.knowsky.com/534738.html大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！对于div　　1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。#wrap{white-space:no