/divcss/ 网页设计 / DIV+CSS zh-cn 网站版权信息 nantangcun@163.com /divcss/200811/19-6443.html 来源:http://sixrevisions.com/css/innovative-and-experimental-css-examples-and-techniques/ 原文翻译: css 并不总是意味着严谨、标准。这理，你将看到21个好玩、有趣味、实验性的css技术运用实例与演示其中讨论的一些技术与实例也许并没有被测试过，可能有些浏览器无法渲 2008-11-19 DIV+CSS 秩名 IT起步网 /divcss/200811/19-6442.html 层的定位是很多人比较困扰的问题，点击弹出层会随着分辨率的改变层的位置也变动。 用实际截图来描述问题现象： 那么怎样让层固定在一个位置,不管分辨率或窗口改变而变化呢？这就是我所要记录的层的定位问题: 建立一个父级div，不改变x、y，然后在这个父级div里面包含一个 2008-11-19 DIV+CSS 秩名 IT起步网 /divcss/200811/19-6441.html 我们在做表单的情况下，input、textarea、button的样式比较容易定义，select和input file的样式难以定义。 input file在系统默认下的外观： 我们最多通过定义input的border来改变系统默认的外观： 如果要让浏览按钮更漂亮一点，我们想定义它的背景颜色，甚至想用背景图片 2008-11-19 DIV+CSS 秩名 IT起步网 /divcss/200811/19-6440.html 重置默认样式 最近看到一个词叫css reset。什么叫做css reset呢？我理解为重置css，也就是重置默认样式。我在HTML下的默认样式中讲到，一些标签元素在HTML下有一个默认属性值，我们在写css页面的时候，为了避免在css中重复定义它们，我们需要重置默认样式（css reset）。每 2008-11-19 DIV+CSS 秩名 IT起步网 /divcss/200811/19-6439.html 刚才一个朋友告诉我他的blog友情链接太多了，所以把所有链接放到一个DIV中，加了个滚动条，可是他又不想每次别人来看，看到的都是前面几个链接，于是问我有没有什么办法，想了一个，呵呵，正好有个办法 style后面用于限定DIV样式并加滚动条，这个不多说 关键的地方其实很简 2008-11-19 DIV+CSS 秩名 IT起步网 /divcss/200811/11-6128.html 描述：Web20的翻页效果简洁清晰，这里的24个翻页效果都是最实用的，而且非常美观的。 地址：http://bbs.xrend.com/read.php?tid=1576 2008-11-11 DIV+CSS 秩名 IT起步网 /divcss/200811/11-6127.html CSS Galleries XHTML网址收集站大全 推荐：卜咯米 于 2008-10-23 点击：137次　下载：暂无下载 描述：几十个收集CSS/DIV（XHTML）网站的网站，通过这些网站，您能看到上万个世界顶级的XHTML网站，通过他们，您能感悟到XHTML真正的魅力所在，更是宝贵的学习内容。 地址：http 2008-11-11 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6118.html 如果说是Table把我带入了网站设计的大学的话，那么DIV+CSS则把我带入了Web设计的殿堂。虽然现在的Web设计者都在推崇DIV+CSS的网站设计，但不落入盲目应用的队列，灵活运用Table的特色来做一些前台的功能效果的话，那可能会让你的工作进程大大的缩短，并减少很多不必要的冗余C 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6117.html 在Web应用中有很多数据、图表的表现方式，尤其在一些数据统计应用比较广泛的网站后台，可以直观表现数据的图表应用更是不可缺少的一个重要部分。摒弃图片的实现方法，使用纯碎的CSS样式去表现data的统计变化，能更好的增加网站的可访问性和管理的可操作性。 现在，菠菜博为 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6116.html 在如今的网页设计中，Tab标签切换的应用已经是非常的广泛，基本在每个网站中都有这样的效果被应用到前台的设计中去，来完成之前无法完成的任务。所以，Tab标签的设计也就成了一个不可小觑的工作流程，在浏览一个网站时，看到了他们的Tab标签制作的导航菜单效果，但却是没有达 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6115.html 在网页设计发展到一定阶段的时候就必然会和其他学科或领域只是产生交汇和共鸣，在阅读《超越CSS：web设计艺术精髓》这本书的时候，发现原来web设计还可以这样。比较突出的例子是现在经常被设计师提到的网页栅格设计，TAOBAO UED曾经探讨过这个问题（http://ued.taobao.com/bl 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6114.html 本文为转载，是一个网友在实际工作中遇到的问题，在此52CSS转载过来，大家在遇到此类问题时，可以有一定经验。 　　又是IE6，又是编码，说来说去都是这些问题。今天在做一个网页的时候发现&nbsp;IE6&nbsp;版本以下的浏览器不能把CSS正确地表现出来，CSS&nbsp;好像没有产生任 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6113.html 直入正题，现在有这么一个表格： 请实现鼠标移到交易内容区域时，高亮当前行背景的效果。 1、建立一分标准的HTML文档结构 谈到标准HTML结构，有人可能会说，嗯，用div标签，里面再多套些li，最后用css来个float也就能排成这样的结构了。其实真正标准的结构并不是说一 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6112.html 很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用 &amp;nbsp; 等这样的占位符。 但是 &amp;nbsp; 也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。 同时，注意 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6111.html 前不久听到这样一个面试的故事： 面试官：你准备在我们公司做些什么事情？（大致这个意思） 面试人：我准备在公司做网站重构，把原来是table的页面全部重构成css+div的，... 面试官：不好意思，我们的网站都是css+div的，不需要重构了。 面试人：...(无语了) 自从2004年阿 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6110.html 　经过今天一翻改进，终于找出了解决DIV垂直居中的办法。 &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &lt;ht 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6109.html 今天向大家介绍另外五条非常重要的CSS技巧，可能有重复，大家多多理解这些知识一定有收益。 一、图像替换文本 &nbsp; #header h1 a{ display:block; text-indent:-9999em; background:(images/logo.png) no-repeat 0 0; height:87px; width:250px; overflow:hidden; } 　 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6108.html 一、CSS字体属性简写规则 一般用CSS设定字体属性是这样做的： font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它们全部写到一行上去： font: bold italic small-caps 1e 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6107.html 看到淘宝网页中大部分是这样写的 &lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt; @import url(&quot;http://www.taobao.com/home/css/global/v2.0.css?t=20070518.css&quot;); &lt;/style&gt; 　　而很多网站使用的都是link &lt;link rel=&quot;styl 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6106.html CSS的组合和嵌套 CSS组合 你不必重复有相同属性的多个选择符，你只要用英文逗号（,）隔开选择符就可以了。 比如，你有如下的代码： h2 { color: red; } .thisOtherClass { color: red; } .yetAnotherClass { color: red; } 则你可以这样写： h2, .thisOtherClass, .ye 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6105.html CSS代码简化在工作中是非常有益的，也是必要的。在编写CSS代码时，经常会出现冗余的代码，为了提高代码的质量及文件压缩到最小，使代码具有可读性，不得不把CSS代码简化。下面用一些比较常用的属性来做示例。&nbsp; margin&nbsp; 　　margin-top:1px;&nbsp; 　　margin-r 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6104.html CSS语法在进行WEB标准网页设计时必不可少的，一般情况下我们可以通过Dreamweaver软件的&ldquo;CSS样式&rdquo;面板自动生成相应的CSS代码。不过虽然软件生成的CSS代码阅读清晰易懂，但就是由于CSS对条条样式定义的清晰解释，也就使得CSS代码阅读显得冗长复杂，同时CSS代码的字 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6103.html 本文将通过CSS实例，讲解六种缩写的形式。它们分别是margin和padding、border、background、font、list和color。Webjx.Com以前也有过类似的文件，但本文的讲解更加的清晰。如果你对CSS缩写已经掌握，仅当复习，如果你对CSS缩写还不够熟悉，本文将让你对CSS缩写了如指掌。 　 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/10-6102.html 应原书编辑要求，先在文章顶部给出链接：《Everything You Know About CSS Is Wrong》http://www.sitepoint.com/books/csswrong1/ 这本书是10月发行的新书，为了避免版权纠纷，如要转载本文请保留以上链接，并遵循该 CC2.5协议。 从 digital-web 的首页上看到一个标题党《E 2008-11-10 DIV+CSS 秩名 IT起步网 /divcss/200811/05-5796.html &lt;%@ page contentType=&quot;text/html; charset=utf-8&quot; language=&quot;java&quot; import=&quot;java.sql.*&quot; errorPage=&quot;&quot; %&gt; &lt;%/* &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 通用弹出层页面(兼容IE、firef 2008-11-05 DIV+CSS 秩名 IT起步网 /divcss/200811/05-5795.html 图片自动适应大小的问题在平时制作的时候是比较常见的问题，下面提供一个比较简单的解决方法： div img { max-width:600px; //IE7、FF等其他非IE浏览器下最大宽度为600px; width:600px; //所有浏览器中图片的大小为600px; width:expression(document.body.clientWidth&gt;6 2008-11-05 DIV+CSS 秩名 IT起步网 /divcss/200811/05-5794.html 实现鼠标经过背景变色的方法有很多，今天我们介绍的是用CSS+DIV实现的方法。 &nbsp;&nbsp;&nbsp; 方法一 #div:hover{background:#000000;} &nbsp;&nbsp;&nbsp; 解释:鼠标经过id为div的元素时背景变色 &nbsp;&nbsp;&nbsp; IE6.0、Firefox2.0、Opera 9.23都不行 &nbsp;&nbsp; 2008-11-05 DIV+CSS 秩名 IT起步网 /divcss/200810/31-5589.html 客户端效果，效率自然不错。以前的做法是偶数行时给li加一个class,方法当然不可取，如果后台读取再加class就很麻烦了，看看这个效果 &nbsp; &lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;&g 2008-10-31 DIV+CSS 秩名 IT起步网 /divcss/200810/30-5563.html 边框：(Borders) border-color:控制边框颜色，并且有了更大的灵活性，可以产生渐变效果 border-image:控制边框图象 border-corner-image:控制边框边角的图象 border-radius:能产生类似圆角矩形的效果 背景(Backgrounds) background-origin:决定了背景在盒模型中的初始 2008-10-30 DIV+CSS 秩名 IT起步网 /divcss/200810/30-5562.html 字体大小 CSS2规范根据长度&mdash;&mdash;水平和垂直尺寸&mdash;&mdash;来定义字体。这个长度为一个数值，前面可能带一个可选的加(+)或减(-)标记符。另外，该数值后可能有一个可选的单位标识符。 另外，CSS2规范定义了两个单位类型:绝对单位和相对单位。绝对值指定单位，而 2008-10-30 DIV+CSS 秩名 IT起步网 /divcss/200810/30-5561.html Web 标准使您能通过最少的工作，生成可被最广大受众访问的 Web 站点。Web 标准的承诺是：只需设计页面一次，即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如，在按照标准生成以后，旨在在 Microsoft Internet Explorer 中以某种方式显示的页可在其他浏览器 2008-10-30 DIV+CSS 秩名 IT起步网 /divcss/200810/30-5560.html 使用DIV+CSS建立符合W3C标准网站对程序员是有非常多的益处的，我们看如下的八条优势。 　　一、使用div的方式进行程序的嵌套，特别是使用php这样的代码嵌套，可以减少出现像table中那样繁重的代码，对于页面嵌套可以减少因table代码而带来的问题。 　　二、使用div对于设 2008-10-30 DIV+CSS 秩名 IT起步网 /divcss/200810/30-5559.html 此文为后来的教程做铺垫，转自这儿。百分数定位很有意思，可以实现非凡的效果。 大部分人应该习惯于使用描述性词语（left、top、center&hellip;）或者数值（20px、1em&hellip;）对背景图片定位，百分比可能比较少用，常见的有50%、100%等数值。例如希望背景图片水平居中，距 2008-10-30 DIV+CSS 秩名 IT起步网 /divcss/200810/30-5558.html 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是 2008-10-30 DIV+CSS 秩名 IT起步网 /divcss/200810/30-5557.html 前段时间论坛搞的那话题貌似后面没人讨论了，也没想跟贴了，自己也不是很专业，SO，现在有点想法就放这儿来。 虽然那贴后来没人跟了，嘿嘿，不过我倒是这几天一直在想，在想讨论下去还会讨论出怎么个写/排法。其实CSS代码的写法还以考虑一下属性，也就是属性分组：控制大小/ 2008-10-30 DIV+CSS 秩名 IT起步网 /divcss/200810/30-5556.html 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 2008-10-30 DIV+CSS 秩名 IT起步网 /divcss/200810/30-5555.html 著名的 Web 设计网站 CSS-tricks.com 最近组织了一次调查，请15名顶尖的 Web 设计师对 CSS 提出自己的期望，15名设计师包括 Jon Hicks,&nbsp;&nbsp;Wolfgang Bartelme, Mint 的 Shaun Inman 以及 Stuff and Nonsense 的 Andy Clarke。 调查结果显示，最被期待的 CSS 功能是 2008-10-30 DIV+CSS 秩名 IT起步网 /divcss/200810/30-5554.html &nbsp;SPAN 和 DIV 的区别 SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。 &l 2008-10-30 DIV+CSS 秩名 IT起步网 /divcss/200810/30-5553.html 不知道从什么时候开始，在网络上到处可以看到div+css，到底什么是div+css呢？难道就是传说中的标准重构吗？标准从最简单的根源来说不是合理使用xhtml的标签吗？可为什么还是有这么多div+css呢？既然可以div+css，那为什么不可以叫span+css ul+css li+css等等呢？ 疑问，满脑 2008-10-30 DIV+CSS 秩名 IT起步网 /divcss/200810/21-5132.html 在Rainer's css手册里对background-position这样写道: 默认值为： 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。 如果只指定了一个值，该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值，第二个值将用于纵坐标。 如果设置值为 rig 2008-10-21 DIV+CSS 秩名 IT起步网 /divcss/200810/10-4224.html 图片外框特征参数: ①dashed：虚线 ②dotted：点虚线 ③solid：实线 ④double：双线 ⑤groove：沟槽状 ⑥ridge：脊状 ⑦inset：内嵌 ⑧outset:外嵌 CSS TP特殊效果风格属性 ①灰/黑：Gray/Xray ②差值：Invert ③水平：Fliph ④垂直：Flipv ⑤羽化：Alpha(Opacity 2008-10-10 DIV+CSS 秩名 IT起步网 /divcss/200810/10-4223.html margin margin-top:1px; margin-right:1px; margin-bottom:1px; margin-left:1px; 代码简化为：margin:1px margin-top:1px; margin-right:2px; margin-bottom:1px; margin-left:2px; 代码简化为：margin:1px 2px margin-top:1px; margin-right:2px; margin-bottom:3px; ma 2008-10-10 DIV+CSS 秩名 IT起步网 /divcss/200810/10-4222.html Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面 2008-10-10 DIV+CSS 秩名 IT起步网 /divcss/200810/10-4221.html 1、css框架 中国的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3.IE7等等&hellip;&hellip;前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词&mdash;&mdash;&ldquo;框架&rdquo;。YUI、JQuery、Prototype这些javascript框架在开发网站时，确 2008-10-10 DIV+CSS 秩名 IT起步网 /divcss/200810/09-4137.html CSS bug是布局中最头疼的问题。我们需要兼顾各种浏览器，以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6 与IE7在很多问题上也存在着很大的差别。在52CSS.com大量的技术文档中，也包含了这方面的内容。轻松的解决CSS bug是我们必须掌握的技能 2008-10-09 DIV+CSS 秩名 IT起步网 /divcss/200810/09-4136.html 很多用过DIV布局的朋友都碰到过这样一个问题,就是DIV中的内容默认情况是顶部对齐的,而不是像表格那样垂直居中,而DIV中又没有让内容垂直居中的属性(目前我还没试出来,可能是小黑无能吧,哈哈),这里有一个让DIV中的内容垂直居中的实例,它也是通过变向实现的,具体代码如下: 2008-10-09 DIV+CSS 秩名 IT起步网 /divcss/200810/09-4135.html 在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如 2008-10-09 DIV+CSS 秩名 IT起步网 /divcss/200810/09-4134.html 方法一： &lt;!DOCTYPE html PUBLIC &ldquo;-//W3C//DTD XHTML 1.0 Transitional//EN&rdquo; &ldquo;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&rdquo;&gt; &lt;style type=&rdquo;text/css&rdquo;&gt; &lt;!&ndash; * {mar 2008-10-09 DIV+CSS 秩名 IT起步网 /divcss/200810/01-3315.html 1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但 2008-10-01 DIV+CSS 秩名 IT起步网 /divcss/200809/29-3309.html Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。 　　如果你认真的去读一下浮动概念，你会 2008-09-29 DIV+CSS 秩名 IT起步网 /divcss/200809/27-3209.html 　当前浏览器普遍支持的前提下，css被我们赋予了前所未有的使命。然而依赖css越多，样式表文件就会变得越大越复杂。与此同时，文件维护和组织的考验也随之而来。 (曾几何时)只要一个css文件就够了&mdash;&mdash;所有规则(rule)汇聚一堂，增删改都很方便&mdash;&mdash;可这种 2008-09-27 DIV+CSS 秩名 IT起步网 /divcss/200809/26-3126.html 源地址；http://hi.baidu.com/web%B7%FE%CE%F1/blog/item/6890052a261cc93a5243c160.html 定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。 定位的定义： 在C 2008-09-26 DIV+CSS 秩名 IT起步网 /divcss/200809/25-3065.html 在以前，为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面，这样才能够在打印的时候获得令人满意的效果。现在，通过使用结构化的XHTML和CSS，你可以实现同样的效果而只用花费少得多的精力。 从屏幕显示到打印效果 大多数的Web页面都是设 2008-09-25 DIV+CSS 秩名 IT起步网 /divcss/200809/24-2987.html CSS&nbsp;Expression也称为CSS表达式，它是动态设置CSS属性的强大方法，但也存在着一定的危险性。 在CSS&nbsp;Expression中使用JavaScript表达式。CSS属性根据JavaScript表达式的计算结果来设置。 CSS&nbsp;Expression在其它浏览器中不起作用，因此在跨浏览器的编码中单独 2008-09-24 DIV+CSS 秩名 IT起步网 /divcss/200809/24-2986.html IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。&nbsp;在表达式中可以直接引用 2008-09-24 DIV+CSS 秩名 IT起步网 /divcss/200809/24-2983.html 应程序要求，全部用p+类展示。其他要求请自行更改！ 关于有序列表OL: 直接对ol定义text-indent:4em;IE内这4em是在序列号前边,FF，GG内，是在序列号和正文中间。 改用对OL使用padding-left:4em &nbsp; &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitiona 2008-09-24 DIV+CSS 秩名 IT起步网 /divcss/200809/22-2914.html 原文：http://www.zishu.cn/blogview.asp?logID=773 最近很少写CSS了，以后也可能写的会很少了，所以还是想把自已的一些经验能和大家分享一下，希望能给大家一些帮助！ 这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分，暂时总结了10条。 1、*{} #zishu *{} 2008-09-22 DIV+CSS 秩名 IT起步网 /divcss/200809/22-2913.html Css Reset是什么? 有些同行叫 &quot;css复位&quot;,有些可能叫 &quot;默认css&quot;..... 相信看完全文您会对Css Reset有个重新的认识 原文地址: http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/ PS： * {&nbsp;&nbsp;&nb 2008-09-22 DIV+CSS 秩名 IT起步网 /divcss/200809/22-2897.html 今天暴风彬彬要讨论的网站可用性技巧，是让你的网站文字链接提高一定的可用性，而且实现起来非常简单，其实这也算是提高用户体验的方法。扩大可点击区域并不是要让你的文字链接占用其他可用资源或增加文字链接的数量。其实很多问题不用暴风彬彬说得很详细，因为现在很多网 2008-09-22 DIV+CSS 秩名 IT起步网 /divcss/200809/22-2896.html 我今天晚上，做一个快印公司的网站布局，在Div镶套布局中，父标签DIV的高度不变。在IE下没有问题，但是在FIREFOX下就有问题了。 如图：发了两张同样的怕百度盗链，另一张放在我网站上，在教育网内 http://hiphotos.baidu.com/one2two/pic/item/a7c3653de3c3f1de9f3d6295.jp 2008-09-22 DIV+CSS 秩名 IT起步网 /divcss/200809/22-2895.html 关于CSS&nbsp;HACK的文章在52CSS.com中提及的也很多。CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。&nbsp; FF浏览器 .test{ &nbsp;&nbsp;&nbsp;&nbsp;height:20px;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;background-color:orange;&nb 2008-09-22 DIV+CSS 秩名 IT起步网 /divcss/200809/22-2894.html CSS&nbsp;Expression也称为CSS表达式，它是动态设置CSS属性的强大方法，但也存在着一定的危险性。 在CSS&nbsp;Expression中使用JavaScript表达式。CSS属性根据JavaScript表达式的计算结果来设置。 CSS&nbsp;Expression在其它浏览器中不起作用，因此在跨浏览器的编码中单 2008-09-22 DIV+CSS 秩名 IT起步网 /divcss/200809/22-2893.html 关于CSS盒模型的教程可能经常看到，不过还有一些新手朋友没有搞清楚，通过下面的两张图片，大家可以很清楚的看到border、margin、padding的关系。 &nbsp; &nbsp; 边框属性(border)用来设定一个元素的边线； 外边距属性(margin)是用来设置一个元素所占空间的边缘到相邻 2008-09-22 DIV+CSS 秩名 IT起步网 /divcss/200809/22-2892.html 在大多数文章中，我们并未特别注意CSS文件的可维护与可读性的问题，当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能很大程度上 2008-09-22 DIV+CSS 秩名 IT起步网 /divcss/200809/21-2853.html CSS命名规范 　　一．文件命名规范 　　全局样式：global.css； 　　框架布局：layout.css； 　　字体样式：font.css； 　　链接样式：link.css； 　　打印样式：print.css； 　　二．常用类/ID命名规范 　　页　眉：header 　　内　容：content 　　容　器：container 　　 2008-09-21 DIV+CSS 秩名 IT起步网 /divcss/200809/21-2852.html &ldquo;重构&rdquo;的春风吹遍大江南北，互联网一时间风声鹤唳，&ldquo;div+CSS&rdquo;俨然已成为一种&ldquo;时尚&rdquo;，难以尽数的网站都不约而同地开始了自己的&ldquo;重构&rdquo;。然而打开这形形色色网站的源代码，却时常令人哑然失笑&mdash;&mdash; 　　我们看到有嵌 2008-09-21 DIV+CSS 秩名 IT起步网 /divcss/200809/10-2627.html 业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？ Div 全称 division 意为&ldquo;区分&rdquo;使用 DIV 的方 2008-09-10 DIV+CSS 秩名 IT起步网 /divcss/200808/29-1584.html 在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动，嘿嘿，这个方法不单使用简单，而且FF、OP、IE7都支持，从此可以告别那又长兼容性又差的FF清浮动的方法了。 &nbsp; 方法真的很简单，只要为需要清浮动的标签加上overflow这个属性。 &nbsp; C 2008-08-29 DIV+CSS 秩名 IT起步网 /divcss/200808/29-1565.html 想成为一名css专家，仅仅熟练使用CSS选择符（selectors）是远远不够的。还在于对工作的整体规划，工作流程的掌握以及提高样式表的可维护性和效率。在这篇文章里Jina Bolton从12个顶尖设计师那里精选出了10种css应用技巧推荐给大家。 　　最近，我一直在研究如何创建更具吸引 2008-08-29 DIV+CSS 秩名 IT起步网 /divcss/200808/29-1564.html CSS入门教程:网页首字下沉 :first-letter 版本：CSS2　 兼容性：IE5.5+ 语法： Selector : first-letter { sRules } 说明： 设置对象内的第一个字符的样式。 此伪对象仅作用于块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 positi 2008-08-29 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1507.html id与class区别，我在前面的文章中已经讲过了。但还是有新手对此非常迷茫，不知道什么时候该用id，什么时候该用class。这两个选择器让新手左右为难。 　　一、在web标准中是不容许重复ID的，例如&nbsp;div&nbsp;id=&quot;a&quot;&nbsp;&nbsp;不容许重复2次；而class所定义的是 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1506.html 在前几日的文章中我提到过XHTML的重要性，在那篇文章中我讲了为什么说XHTML结构重要，重视XHTML结构的好处。但是那篇文章从开发的效率入手，并没有深入细节，而今天的这篇文章是讲XHTML中的细节部分的，可以说是上一篇的续述。这篇续述的主题就是ID与CLASS怎么用，在标题中有 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1505.html 有三种方法应用CSS 一、In-line&nbsp;行内 　　行内样式是在html标签里直接使用style属性 &nbsp;&lt;p&nbsp;style=&quot;color:&nbsp;red&quot;&gt;text&lt;/p&gt; 　　设定段落文字红色。 　　但要记住，最后的HTML应该是独立出来，使用表现文档，所以行内样式应 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1504.html CSS教程&nbsp;2、CSS&nbsp;Selectors,Properties,and&nbsp;Values&nbsp;选择器&nbsp;、属性、值&nbsp;[翻译Htmldog] 　　HTML有标签，CSS有选择器。选择器是给内部和外部样式里面的样式命名。 　　每个选择器都有属性在{}里面，比如简单点像color,font-weight或background-c 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1503.html css可以处理16,777,216颜色，可以使用名字、rgb值或十六进制代码。 red红色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f00 　　有17个预先确定的颜色，它们是： 　　aqua,&nbsp;black,&nbsp;blue,&nbsp;fuchsia,&nbsp;gray,&nbsp;green,& 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1502.html 　有一系列属性可以改变网页文字的大小和形状，概要如下： font-family 　　文字使用的字体，比如宋体，Times&nbsp;New&nbsp;Roman，Arial等等 　　这个属性必须详细制定，不能使用偏僻的字体，要使用安全字体（比如arial，verdana和times&nbsp;new&nbsp;roman和宋体），可 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1501.html margin和padding用来隔开元素，margin是隔开元素与外边，padding是隔开元素里边。 　　例子h2： h2&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;font-size:&nbsp;1.5em; &nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;#ccc; &nbsp;&nbsp;&nbsp;&nbsp;margin:&nbsp;1em; &nbsp;& 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1500.html CSS&nbsp;selector：class&nbsp;和&nbsp;id&nbsp;都可以使&ldquo;单一选择符&rdquo;有不同的样式 A1：二者主要的区别在哪里呢？ 　　id你只能用来定义单一元素，定义二个以后。页面不会出现什么问题，但是W3检测的时候认为你页面不符合标准；class是类，同一个class可以定义 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1499.html width和height定义的是Content部分的宽度和高度，padding&nbsp;border&nbsp;margin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题，不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时，IE6中box左右的margin会加倍 W3C 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1498.html CSS&nbsp;Borders&nbsp;边框 　　边框可以运用到body里的大部分HTML元素。&nbsp; 　　制作一个元素的边框，你需要border-style边框样式。值可以是：&nbsp;solid,&nbsp;dotted,&nbsp;dashed,&nbsp;double,&nbsp;groove,&nbsp;ridge,&nbsp;inset&nbsp;and&nbsp;outset，具体样 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1497.html 如果你学完HTML初级教程即可学习CSS初级教程，使用CSS处理HTML样式。 　　下面的代码覆盖了初级教程的所有方面，保存下面的CSS文件并且在浏览器里观看连接的HTML，你可以明白各个CSS属性的用法。最好的学习方法就是理解作用在HTML上的CSS文件，改变CSS&nbsp;HTML会发生什么 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1496.html 前面的学习我们仅仅使用HTML选择器（在HTML页面里为html标签，如&nbsp;P） 　　现在我们学习使用clss和id定义属于自己的选择器。 　　这样，同样的html元素可以通过class或ID使用不同的表现。 　　在CSS里，使用点号（.）创建class选择器，使用hash符号（#）创建ID选择器。 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1495.html 现在IE7已经推出一段时间并且渗透到用户当中，不用等太久我们就可以在页面上使用更高级的CSS。两个最有用的项目将是Child子和Adjacent&nbsp;Sibling相邻兄弟选择符。现在已是时候使用它们制作网页，并且更深入研究它们。 　　注意，选择器包括现行的符号，&ldquo;&gt;&rdquo 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1494.html Grouping&nbsp;分组 　　当许多选择器有同样属性时，可以使用逗号组合它们。 　　例子： &nbsp;h2&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;red; } .thisOtherClass&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;red; } .yetAnotherClass&nbsp;{ &nbsp;&nbsp;&nbsp 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1493.html 请你注意一些CSS伪类属性不被所有浏览器支持，但有四个伪类可以安全使用在链接上 　　伪类像是指定选择器状态或关联选择器的门闩。它们的形式如：selector:pseudo&nbsp;class&nbsp;{&nbsp;property:&nbsp;value;&nbsp;}，在选择器和伪属性之间使用冒号。 　　link&nbsp 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1492.html 一些CSS属性允许使用一串值代替许多属性，值使用空格分开。 　　margin,pdding和border-width允许合并margin-top-width,&nbsp;margin-right-width,&nbsp;margin-bottom-width等等，形式像这样：property:top&nbsp;right&nbsp;bottom&nbsp;left;逆时针顺序。 　　所以下面的 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1491.html 背景图片Background&nbsp;Images有许多属性可以操作。 　　幸运的是，可以使用background处理所有： &nbsp;body&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;white&nbsp;url(http://www.htmldog.com/images/bg.gif)&nbsp;no-repeat&nbsp;top&nbsp;right; } 　 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1490.html 操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式。一些由标签组成的大部分页面可以设定任何样式。浏览器默认的样式里的大部分html元素由字体样式、margin,padding组成，本质上是显示类型。 　　display属性基本上分为inline,block,和none。 　　inline就像它的 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1489.html 使用CSS布局非常简单，如果你习惯使用tables布局，可能开始时有点困难，但其实很容易，事实上只是观念的不同。 　　你需要把网页的每个部分看成独立的块，你可以绝对或相对定位块。 Positioning&nbsp;定位 　　positon属性可以指定元素为absolute,relative,static或是fixed 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1488.html At-rules分装不同的CSS规则，应用在特定场合。 Importing 　　import@规则引用另外的样式。例如，如果你想添加另外样式到现在的样式，可以这样： 　　@import&nbsp;url(addonstyles.css); 　　这很像使用link元素连接CSS到HTML，本质上说有一个内容样式像下面： 　　&lt;st 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1487.html 伪元素吸附在选择上和pseudo&nbsp;classes伪类很像，像这样selector:pseudoelement{property:&nbsp;value;}。有四种方式。 First&nbsp;letters&nbsp;and&nbsp;First&nbsp;lines&nbsp;首字母和首行 　　first-letter伪元素作用到元素的第一个字母，first-line作用到元素的顶 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1486.html 如果同个元素有两个或以上冲突的CSS规则，浏览器有一些基本的规则来决定哪一个非常特殊而胜出。 　　它可能不像其它那么重要，大部分案例你不需要担心冲突，但大型而且复杂的CSS文件，或有很多CSS文件组成的，可能产生冲突。&nbsp; 　　选择器一样的情况下后面的会覆盖前面的 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1485.html 第一步：规划网站，本教程将以图示为例构建网站 　　首先需要规划网站，本教程将以下图为例构建网站。&nbsp; 主要由五个部分构成：&nbsp; 1.Main&nbsp;Navigation&nbsp;导航条，具有按钮特效。&nbsp;Width:&nbsp;760px&nbsp;Height:&nbsp;50px&nbsp; 2.Header&nbsp;网站 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1484.html 　divcss表单布局的五个小技巧可以帮助你更灵活的控制表单，使页面更加满意。 　　1、表单文本输入的移动选择： 　　在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()"onFo 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1483.html 虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。在52CSS.com的文档中，也提供了丰富的内容。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。 一 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1482.html ◆fieldset标签、legend标签 　　在form表单中，我们可以对form中的信息进行分组归类，如注册表单的form，我们可以将注册信息分组成 　　　　基本信息（一般为必填） 　　　　详细信息（一般为可选） 　　那我们如何更好的来实现呢？我们可考虑在表单form中加入下 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1481.html 对于表单，是网页中非常常用的元素。但是在webstandard建站的时候，他的排版容易人遗忘，到了真正用到的时候就发现让人头疼，当然我也遇到过。我现在要介绍一个用<fieldset></label>标签制作漂亮而且具体亲和力的表单的方法。 　　我们看看xhtml代码： 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1480.html CSS可以改变表单元素的外观，今天52CSS.com和大家一起学习文本框与按钮CSS美化的一个例子。在网页制作中，表单中的对象总是给人一种单调与沉闷的感觉，比如说按钮、文本框等，它们一成不变的模样与颜色出现在您的主页上时，或多或少都会破坏主页的美观程度，通过CSS进行 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1479.html 在对网页文本进行精细控制时，需要应用到多方面的CSS属性设置，如垂直方向上的行距line-height，水平方向上的字距word-spacing和letter-spacing。word-spacing是指单词间隔，letter-spacing是指字母的间隔。在设置时常常将两者混淆，得不到想要的设置效果。52CSS.com的 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1478.html FF3出来有一段时间了，本站对此版本的FF也发布了几篇相关文章。针对FF3的CSSHACK好不容易找到。 　　MOZILLA已经对FF所有3.0一下版本实行了更新3.0的推送。 　　大部分都是3.0了，以前的HACK又失效了。 　　下面的代码是最新的FF3的HACK。只有&nbs 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1477.html 内容与表现分离，从标准到国人重视那天起，就已经讨论了，但是停留在div+css&nbsp;xhtml+css&nbsp;纯代码的分离，思想上流程上，到底如何分离？您可以参考52CSS.com的更多文章。 古老的话题：一首古诗的分离 　　1.给你一首古诗，保存为毫无格式的一堆文字，你去理解它的内 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1476.html 52CSS.com中汇集了大量的CSS知识，这些知识已经非常全面了，但很多CSSer新手初来本站，依然云里雾里，现整理一些DIVCSS网页布局常用的一些基础知识，供大家学习，欢迎补充及提一些建议。 CSS命名规范 一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1475.html 一个简单的横向菜单，你可以根据需要修改尺寸，增加背景图效果 &lt;!DOCTYPE&nbsp;html&nbsp;PUBLIC&nbsp;&quot;-//W3C//DTD&nbsp;XHTML&nbsp;1.0&nbsp;Transitional//EN&quot;&nbsp;&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &n 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1474.html background-clip&nbsp;和&nbsp;background-origin&nbsp;是&nbsp;CSS3&nbsp;中新加的&nbsp;background&nbsp;module&nbsp;属性，用来确定背景的定位。 　　background-clip&nbsp;用来判断&nbsp;background&nbsp;是否包含&nbsp;border&nbsp;区域。而&nbsp;background-origin&nb 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1473.html css的框架设计能帮我们快速有效的建立高质量的页面，也有助于代码的规范性，当然每一个框架都是建立在无数前人努力的基础上的，下面就推荐一个css框架&mdash;&mdash;the Blueprint CSS Framework CSS Frameworks + CSS Reset: Design From Scratch http://www.smashingmaga 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1472.html 原文： http://www.macji.com/blog/article/to-achieve-cross-browser-css-float-center/to-achieve-cross-browser-css-float-center/ 我们都知道float:left和float:right，但是否想过float:center呢？居中浮动。。。 &lt;div id=&quot;macji&quot;&gt; &nbsp;&nbsp;&nbsp; 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1462.html 使用 line-height 垂直居中 line-height:24px; 使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致），更多的垂直居中总结可以看这里。 清除容器浮动 #main { &nbsp;&nbsp;&nbsp; overflow:hidden; } 期前也提到过这样的问题，更多 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1335.html BlendTrans滤镜比起上一篇介绍的Revealtrans滤镜来要简单一些，它只有一个参数：Duration 变换时间，它的功能也比较单一，就是产生一种淡入淡出的效果，不过它的这种效果比起RevealTrans滤镜的淡入淡出效果来要精细的多，你看看下面也就不言而喻了。 图1 第一幅图片 图2 转 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1334.html CSS的RevealTrans动态滤镜是一个神奇的滤镜，它能产生23种动态效果，更为奇妙的是它还能在23种动态效果中随机抽用其中的一种。用它来进行网页之间的动态切换，简直方便极了，你只要在网页源代码的&lt; head &gt;与&lt; /head &gt;之间插入这样一行代码：&lt; Meta content=re 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1333.html 定位属性将是网虫们打开幸福之门的钥匙： 　　绝对定位 　　H4 { position: absolute; left: 100px; top: 43px } 　　这项CSS规则让浏览器将起始位置精确地定在距离浏览器左边100象素，距离其顶部43象素的位置，请观看代码的执行效果。 　　注意这里唯一设置了的是左边和顶部 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1332.html &ldquo;DropShadow&rdquo;顾名思义就是添加对象的阴影效果。它的实际效果看上去就象是原来的对象离开了页面，然后在页面上显示出该对象的投影。其工作原理是建立一个偏移量，然后加上颜色。下面我们就用Dropshadow滤镜来做几个网页特效。 一、带阴影的文字 　　Dropshadow滤 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1331.html Blur是CSS的滤镜之一，把它加载到文字上，可产生立体字的效果，这将为你在网页上使用立体字做标题带来了极大的方便，也为你的网页减轻了分量；把Blur滤镜加载到图片上，能使你的图片增色不少，虽然用图象处理软件也能达到同样效果，但用Blur滤镜可方便多了。我将一一向你介绍 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1330.html 在网页制作中使用CSS，这已是众所周知，而关于CSS滤镜使用的却介绍得不多。其实，0CSS的滤镜在Dreamweaver3中用起来也很方便，且能使文字产生一种类似图象的效果，但比起图片来可就瘦小多了。不信？你看看下面的效果你就明白了。今天我在这里介绍的是Mask（遮罩）滤镜的巧妙 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1329.html Light滤镜能产生一个模拟光源的效果，但使用它要通过调用它的&ldquo;方法（Method）&rdquo;来实现，这就要用到一些Javascrpt知识，虽然有一点难度，但产生的效果也是奇特的，你看看下面的效果图就明白了。 图1 原图 图2 Light光源滤镜效果 　　上面的这种效果是不是很酷？！ 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1328.html CSS的无参数滤镜共有六个（FlipH、FlipV、Invert、Xray、Gray和Light），虽然它们没有参数，相对来讲，灵活性要差点，但它们用起来更方便，效果也相当明显。用它们可以使文字或图片&ldquo;翻翻身&rdquo;、获得图片的&ldquo;底片&rdquo;效果，甚至可以制作图片的&ldquo;X光片& 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1327.html &quot;wave&quot;滤镜，看它的名称你可能就能想到其效果，正如你想的那样，它的作用是把对象按照垂直的波形样式扭曲，从而产生一种特殊的效果。它共有5个参数： 　　&quot;add&quot;：表示是否要把对象按照波形式样扭曲，它只有两个值，即&quot;true&quot;和&quot;false&quot 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/28-1326.html 对一个对象使用&ldquo;glow&rdquo;滤镜后，这个对象的边缘就会产生类似发光的效果，这种效果在PHTOSHOP中做起来都比较麻烦，而在DW3中用CSS的&ldquo;glow&rdquo;滤镜来制作却是如此地简单，而且节约不少字节。 　　&ldquo;glow&rdquo;滤镜只有两个参数，一个是&ldquo;color&r 2008-08-28 DIV+CSS 冯永曜 IT起步网 /divcss/200808/28-1325.html &ldquo;Alpha&rdquo;滤镜，听到这个名字，你可能会想到Flash里有，Photoshop里也似乎见过。一点不错，它们的作用基本类似，就是把一个目标元素与背景混合。你可以指定数值来控制混合的程度。这种&ldquo;与背景混合&rdquo;通俗地说就是一个元素的透明度。通过指定坐标，可以指 2008-08-28 DIV+CSS 秩名 IT起步网 /divcss/200808/21-811.html 作者：完美的骑士 &nbsp; 最近工作种经常要用到圆角的边框，所以就写了几个实现方法，有用图片的，也有不用图片的，估计大家都会，仅仅是做个存档的目的。 目前第一种在IE6还有一点问题，高手帮忙看看 预览地址 先看图片，第一种要用到的图片： 第一种方法用的是 2008-08-21 DIV+CSS 秩名 IT起步网 /divcss/200808/21-810.html 1.css 字体简写规则 当使用css定义字体时你可能会这样做： font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; 事实上你可以简写这些属性： font: 1em/1.5em bold italic small-ca 2008-08-21 DIV+CSS 网络 网络 /divcss/200808/20-792.html 原文：http://www.cnblogs.com/cathsfz/archive/2007/04/09/706336.html 在《欲练 CSS ，必先宫 IE》和《你有 &lt;table /&gt; 强迫症吗？》这两篇文章中，看到有不少评论用到div+CSS布局这个说法，用来和table布局比较。实际上div不是用来布局的，div只是用来表示一个其它 2008-08-20 DIV+CSS 秩名 IT起步网 /divcss/200808/20-791.html 标准化设计解决方案 - 标记语言和样式手册 Web Standards Solutions The Markup and Style Handbook Part 2: Simplebits Of Style&nbsp; 简短精悍的样式 Chapter 11 打印样式 先前在第10章中,讨论了几种为文档应用CSS的方法,这一章是要研究打印样式,指定特别用来打印页面 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-790.html 原文：http://www.planabc.net/2008/07/25/unitless-line-heights/ 淘宝商城&nbsp;的detail 页面&ldquo;产品详情&rdquo;部分是商家自定义区块，曾出现这样一个问题： &lt;style type=&quot;text/css&quot;&gt; p { &nbsp;&nbsp;&nbsp; line-height:17px; } &lt;/style&gt 2008-08-20 DIV+CSS 秩名 IT起步网 /divcss/200808/20-789.html 声明 定位元素： position属性值设置除默认值static以外的元素，包括relative，absolute，fixed。 平台：win/IE win/FF z-index 用来确定定位元素在垂直于显示屏方向（以下称为Z轴）上的层叠顺序 值：auto | 整数 | inherit 默认：auto 适用于：定位元素 继承性：no 理 2008-08-20 DIV+CSS 秩名 IT起步网 /divcss/200808/20-788.html 最近几天仔细研究了一下vertical-align这个属性，结果让我大吃一惊，这个很&ldquo;资深&rdquo;的CSS标准竟然在各个浏览器里面的表现都各不相同。 vertical-align的值有点多，包括 baseline sub supper top text-top bottom text-bottom middle以及各种长度值（%，em，ex等等 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-787.html 英文原文：Sliding Photograph Galleries 翻译整理：西米CC-www.ximicc.com 效果： 运行代码框 &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &lt;html xmlns 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-786.html 英文原文：CSS FOR BAR GRAPHS 翻译整理：西米CC-www.ximicc.com 这是一种相对比较复杂的图表，但是仍然遵循上篇中提出的最基本的思路。本例中使用的定义列表标签dl可能平常我们见得不多，一般我们在做列表的时候通常只会用到ul和li标签,至于dl一般都很少用到，它也属于列 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-785.html 英文原文：CSS FOR BAR GRAPHS 翻译整理：西米CC-www.ximicc.com 译文已作精简，保留了与主题切实相关的部分，并对文中整段给出的代码进行分解注释，便于大家的阅读和理解。要查看英语原文请参看原文地址，关于本例的效果，原文作者已测试浏览器如下：Firefox 1.0.7, Firefo 2008-08-20 DIV+CSS 未知 网络 /divcss/200808/20-782.html 如何学好DIV+CSS，这里我例子不举了，就说下理论与实践方面， 其实DIV+CSS并没有人们想得那么神，并不会说要&ldquo;珍爱生命，远离国足&rdquo;这么恐怖，只要你会html,css,table,谁都会DIV+CSS，只是熟悉与精通的问题。 常看到别人做的网站是多么的好，时常想想，要是自己 2008-08-20 DIV+CSS xrend IT步行网 /divcss/200808/20-651.html CSS&nbsp;framework可以更快速、有效、可扩展的去书写站点的CSS代码。在136z.com以前的文章中，我们有过多篇此类知识的介绍，以下是个某个知名团队在日常开发中的思考与总结&nbsp;，可能您会提出一些不同的观点，没关系，欢迎发表评论，和136z.com的众多CSSer一起探讨吧！ 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-650.html CSS&nbsp;bug是布局中最头疼的问题。我们需要兼顾各种浏览器，以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在着很大的差别。在xrend.com大量的技术文档中，也包含了这方面的内容。轻松的解决CSS&nbsp;bug是我们必须掌 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-647.html 现在的开发环境CSS越来越成为主流，各企业与IT公司对CSS也越来越重视，大家的学习也热情高涨，CSS被我们赋予了前所未有的使命。然而依赖css越多，样式表文件就会变得越大越复杂。与此同时，文件维护和组织的考验也随之而来。曾几何时只要一个CSS文件就够了&mdash;&mdash;所有 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-646.html 在xrend.com的大多数文章中，我们并未特别注意CSS文件的可维护与可读性的问题，当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-644.html 这篇文章主要讲了CSS对背景图片渲染效率的一些经验和研究，在136z.com中，还有着类似CSS效率的相关文章。 　　树型结构竖线用样式表（背景图）来实现，样式表背景图片只需要加载一次，而现在这个模式（用多个&lt;img&gt;）图片虽然有缓存机制，但还是有可以每张小图片都请求 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-643.html &nbsp;css可以处理16,777,216颜色，可以使用名字、rgb值或十六进制代码。 red红色 等同于 rgb(255,0,0) rgb(100%,0%,0%) #ff0000 #f00 　　有17个预先确定的颜色，它们是： 　　aqua, b 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-642.html 你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 　　第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-641.html 由于现在很多div+css中的图片都写在了css里面。 　　直接用浏览器的另存为已经不能完全保存到本地 　　我在网上收集了一些方法，和一些自己的实践，希望对你有所帮助 　　第一：苦力型 　　查看网 页源文件，然后找到css路径，直接输入到ie地址框内下载既可。打开css 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-639.html CSS基础教程17篇 此教程共17篇，由浅到深、循序渐进的讲述CSS知识。 对初学者有很大的学习价值，对已入门的朋友也有重要的参考价值。 1、CSS的应用 http://edu.136z.com/Web/21782.html 2、CSS&nbsp;Selectors,Properties,and&nbsp;Values&nbsp;选择器&nbsp;、属性、值 ht 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/20-621.html 1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A 2.IE6的双倍边距BUG 例如: &lt;style type=&quot;text/css&quot;&gt; &nbsp;&nbsp;&nbsp; body {margin:0} &nbsp;&nbsp;&nbsp; 2008-08-20 DIV+CSS 网络 网络 /divcss/200808/18-550.html 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=&quot;100&quot;，但是在CSS中 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-549.html SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。 　　＜span＞SPAN标记有一个重 2008-08-18 DIV+CSS 秩名 IT起步网 /divcss/200808/18-548.html Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。 尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-546.html 我们都知道浏览器之间是有差异的，很多人在使用XHTML+CSS方式制作网页的时候都曾为此无比头痛。要在这些差异的影响下工作需要很多的技巧，&ldquo;隐藏CSS&rdquo;就是其中很重要的一种技巧（甚至是最重要的）。这种技巧的主要思想是，用某些方式对某些浏览器隐藏某些重载的CSS 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-545.html list-style-type版本：CSS1/CSS2　 兼容***：IE4+ NS4+　继承***：有 语法： list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | h 2008-08-18 DIV+CSS 秩名 IT起步网 /divcss/200808/18-543.html 1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的： font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去： font: bold italic small-caps 1em/1.5 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-539.html 辛苦了好多天，我们努力学习使用XHTML+CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准？W3C和一些志愿者网站提供了在线校验程序，来帮助我们检查页面是否符合标准，并提供了修正错误的帮助信息。这些校验非常有用，是我调试页面第一步要做的事情。 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-538.html 布局初步搭建起来，我开始填充里面的内容。首先是定义logo图片：样式表： #logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;} 页面代码： &lt;div id=&quot;logo&quot;&gt;&lt;a title=&quot;网页设计师&quot; href=&quot;#&quot; &gt;&lt;img height=&quot;80&q 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-537.html 如果我们想在3列布局的最后加一行页脚，放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中，我们用大表格嵌套小表格的方法，可以很方便对齐三列；而用div布局，三列独立分散，内容高低不同，就很难对齐。其实我们完全可以嵌套div，把三列放进一个DIV中，就做到 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-536.html 接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-535.html CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子： #sam 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-534.html 在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了，可以跳过这一节。 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句： 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-533.html 在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中，你可以打开许多标签，例如&lt;p&gt;和&lt;li&gt;而不一定写对应的&lt;/p&gt;和&lt;/li&gt 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-532.html 这些技巧主要讲meta标签设置的，其实与符合web标准关系不大，只要注意在最后加&quot;/&quot;关闭标签就可以，但是既然是入门教程，就写得详细一点吧。 收藏夹小图标 很多站点加入收藏夹后，可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单， 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-531.html 用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的页面的。 事实上，所有表现的地方都需要用CSS来实现。我们 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-530.html 第三步是定义你的语言编码，类似这样： &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt; 为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-529.html DOCTYPE声明好以后，接下来的代码是： &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; lang=&quot;gb2312&quot;&gt; 通常我们HTML4.0的代码只是 &lt;html&gt; ，这里的&quot;xmlns&quot;是什么呢？ &nbsp; 这个&quot;xmlns&quot;是XHTML namespace的缩写， 2008-08-18 DIV+CSS 秩名 IT起步网 /divcss/200808/18-528.html 第一天 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。 查看本站首页原代码，可以看到第一行就是： &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd& 2008-08-18 DIV+CSS 秩名 IT起步网 /divcss/200808/18-523.html 原作者:Alex Robinson 原文标题:Equal Height Columns 这是一个比较典型的三行二列布局，每列高度（事先并不能确定哪列的高度）的相同，是每个设计师追求的目标，按一般的做法，大多采用背景图填充、加JS脚本的方法使列的高度相同，本文要介绍的是采用容器溢出部分隐藏和列 2008-08-18 DIV+CSS 网络 网络 /divcss/200808/18-522.html 鼠标激活显示背景色，我们该如何编写这样的代码呢？我们来整理一下思路：把a里的部分设置成一个块元素，然后定义鼠标放上后的样式。CSS1中:hover只对a元素起作用，CSS2中:hover应用于所有元素．而IE7也没同样没有支持CSS2中的这个标准。所以为了适应所有浏览器还是要定义在a 2008-08-18 DIV+CSS 秩名 IT起步网 /divcss/200808/18-521.html 制作表单的时候，实现鼠标悬停交互效果有多种方法: 1、在xhtml中直接写入onmouseover、onmouseout脚本就可以实现了，但这样就违背了web标准所倡导的内容、表现相分离的原则。以后若要对此进行修改也将会很繁琐。这样直接写入xhtml也会让页面代码增加，如果只是一个input输入 2008-08-18 DIV+CSS 秩名 IT起步网 /divcss/200808/08-160.html 有时候，我们用CSS创建一个高度自适应布局，如何保证页脚（footer）在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子，但总感觉不是那么完美，经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法，兼容IE5. 2008-08-08 DIV+CSS 秩名 IT起步网 /divcss/200808/08-159.html CSS样式 层叠顺序 　　当使用了多个样式表，样式表需要争夺特定选择符的控制权。在这些情况下，总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。 　　正如以前所提及的，网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突，网页制作 2008-08-08 DIV+CSS 秩名 IT起步网 /divcss/200808/08-158.html 当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不同，用以给浏览者一个明显的指示。下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何实现当前页。 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 设菜单有5个栏目：home、abou 2008-08-08 DIV+CSS 秩名 IT起步网 /divcss/200808/08-157.html CSS布局实例:上中下三行布局，上下定高，中间栏自适应浏览器高度，且内容垂直居中。本文代码在firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过。对于非ie内核浏览器，通过设定display:table、display:table-row和display:table-cell来模拟表格的表现形 2008-08-08 DIV+CSS 秩名 IT起步网 /divcss/200808/08-155.html 使用CSS来定位页面内层的位置，一直是比较难以掌握的事情，很多时候，往往被绝对定位的元素，总是以浏览器的左上角为坐标原点，此时，如果浏览器的大小改变，被定义的层就会偏离设计想要的位置，让人很挠头。 　　其实，要想控制好层的绝对定位，只要理解CSS中关于定位（po 2008-08-08 DIV+CSS 秩名 网络 /divcss/200808/08-154.html 这里介绍有关CSS中前景色和背景颜色、图片的设定方法。 phperz~com color属性： www.phperz.com color属性用于设定元素的前景色： php程序员站 属性名称: 'color' 属性值: <color> 初始值: 根据用户的初始值而定 适合对象: 所有元素 是否继承: 2008-08-08 DIV+CSS 秩名 IT起步网 /divcss/200808/08-153.html 在以前的HTML里，元素的位置只能靠元素的依次排列觉得，而在CSS里你可以更精确的定位元素。Netscape曾提出过Layer标记，它对于精确布局很有好处，但是并没有被W3C承认，W3C在CSS提出了类似于Layer标记的功能。 position属性： phperz.com position属性用 2008-08-08 DIV+CSS 秩名 IT起步网 /divcss/200808/08-152.html 什么是BOX？CSS把HTML中以<somesign>……</somesign>的部分称为BOX（容器），BOX有三类属性：padding、margin和border。 Margin属性： www.phperz.com Margin属性分为margin-top、margin-right、margin-bottom、margin-left和margin五 2008-08-08 DIV+CSS 秩名 IT起步网 /divcss/200808/08-151.html 样式单的一个最重要的特点就是它可以作用于多种媒体，比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体，如"font-size"属性只对可卷动的媒体类型有效（屏幕）。 声明一个媒体属性可以用@import或@media引入： php程序员站 @import 2008-08-08 DIV+CSS 秩名 IT起步网 /divcss/200808/08-150.html 属性名称 字体属性（Font） font-family font-style font-variant font-weight font-size 颜色和背景属性 Color Background-color Background-image Background-repeat Background-attachment Background-position 文本属性 Word-spacing 2008-08-08 DIV+CSS 秩名 IT起步网 /divcss/200808/04-126.html CSS Sprites技术早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。 原先只在CSS玩家之间作为一种制作方法流传，后来出来个14 Rules for Faster-Loading Web Sites，技术人员之间竞相传阅，其中第一条规则Make Fewer HTTP Requests就提到CSS Spri 2008-08-04 DIV+CSS 网络 网络 /divcss/200807/29-94.html &nbsp;今天到面试，啥话都没说，给一个好大的信息站，PS图，有PSD文件，叫你用DIV+CSS把它做成静态页。。。这招够狠，其它的都不说，你自己去想， 去做，等做好了再来说。。看看你考虑到哪些个方面，比如，最常提到的兼容性问题，还有切图的细心与粗心，大与小的问题，版面更 2008-07-29 DIV+CSS xrend IT步行网 /divcss/200807/28-84.html &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt; &lt;head&gt; &lt;meta http-equiv=&quot;Con 2008-07-28 DIV+CSS 网络 网络 /divcss/200807/25-37.html Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说，在命名重新定义XHTML标记（tags）的CSS selectors时，必须保证其与预定义的标记准确匹配，但就类以及id选择器名称而言，则仁者见仁，智者见智。然而随心所欲的 2008-07-25 DIV+CSS 网络 网络