leafweb.cn/" target="_blank">http://www.leafweb.cn/">http://www.163.com" target="_blank">www.163.com
.pic { position:relative; background:#CCC; margin:10px; } .pic span { display:block; border:1px solid #333; background:#FFF; position:relative; padding: 3px; } .right {/*阴影在右边时*/ top:-4px; left:-4px; } .left {/*阴影在左边时*/ top:-4px; right:-4px; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">Homebody{ margin: 1em; text-align: center; font-family: Arial, Helvetica, sans-serif;} body *{ margin: 0;} #content{ padding: 1em; background-color: #BBDDFF; background-image: url(column_bg.gif); background-repeat: repeat-y; background-position: 30em 0; text-align: left;} #content p{ margin-bottom: 1em;} #footer{ margin-top: 1em; padding: 1em; ba...
当然还是用图片，只是可以生成自己所需色彩的图片。 http://www.neuroticweb.com/recursos/css-rounded-box/ 将上面生成的图片和下面代码存在同一个文件夹下：CSS圆角区块容器.rbroundbox { background: url(nt.gif) repeat; } .rbtop div { background: url(tl.gif) no-repeat top left; } .rbtop { background: url(tr.gif) no-repeat top right; } .rbbot div { background: url(bl.gif) no-repeat bottom left; } .rbbot { bac...
v\:*{behavior: url(#default#VML);}[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
在使用CSS建站时，您肯定遇到过形形色色的布局问题，最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易，当您遇到困难时为您提供快速参考。有疑问，先验证 在调试时，先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS 会导致许多布局上的错误。 在其他浏览器中进行测试之前，请先在最先进的浏览器中撰写和测试CSS代码，而不是相反。 如果您在破旧的浏览器中编写和测试，你的代码就不得不依赖那个破旧浏...
在默认情况下，FF和IE的解释标准是不一样的，也就是说，如果一个网页没有声明DOCTYPE，它就会以默认的DOCTYPE解释下面的HTML。在同 一种标准下，不同浏览器的解释模型都有所差异，如果声明标准不同，不用我说，您自己想就可以了。学习网页标准，浏览器兼容，从哪里开始您自己决定，但是， 请认识DOCTYPE： 一、什么是DOCTYPE DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要...
--说明：注释标记，在“”之间的内容将不在浏览器中显示。 --------------------------------------------------------------------------------- -
我相信来经典论坛学习标准的朋友，99%都不是为了进W3C，不是为了成为专业的研究人员，那么大家来的目的是什么呢？很简单，其实都是想通过标准的学习让自己多增加一项技能而已，让自己在找工作的时候不会在被“需要熟练掌握web标准”而难倒，在下面的实例中xhtml并没有什么语意，文章的目的只是让然大家能更好的掌握CSS中相对、绝对定位的用法(新手问此问题的确实很多)，及如何有效的结合背景，实现比较复杂的布局。不足之处还望前辈...
为了防止爬虫软件搜索到你的Email地址，可以将Email倒着写，然后使用样式将其再正过来，代码如下： 效果如下：我的邮箱 moc.liamg@100yxuod.backwards {unicode-bidi:bidi-override; direction: rtl; color:#c00;} h2.email {color:#000; text-decoration:none; border:0; font-size:2em; font-weight:bold;} 我的邮箱 moc.liamg@100yxuod [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
一.使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。二.明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格...
Site of the Year Winner: UX Magazine 2nd.- Veerles Blog 2.0 3rd.- Vitamin Associations Winner: Principles of Freedom 2nd.- White Pine Montessori 3rd.- Dalit Freedom Network Blogging Winner: Simple Bits 2nd.- Veerles Blog 2.0 3rd.- This is Powacek Business Winner: The City Church 2nd.- Vitamin 3rd.- Concept Technical Group Entertainment Winner: Zoka Coffee 2nd.- Napster 3rd.- Decades Rock LiveInst...
第一行为其它颜色，这样写这个表达式表格CSS测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]比较强的css表格CSS测试...
原理是使用Alpha 滤镜在每个表格上加上一个透明渐变，由table的背景颜色控制，单个td控制另一色渐变 Alpha 滤镜 语法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)} Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100); 'Alpha'属性是把一个目标元素与背景混合。设计者可以指定数值...
本文参考了以下文章：Kevin Yank的《New-Window links in a Standards-Compliant World》 《Standards-based Replacement for target="_blank" in External links》 我们要在新窗口中打开链接通常的做法是在链接后面加target="_blank"，我们采用过渡型的DOCTYPE(xh tml1-transitional. dtd)时没有问题，但是当我们使用严格的DOCTYPE(xhtml1-strict.dtd)时，这个方法将通不过W3C的校验，会出现如下错误提示： "there is no attribu...