摘要:shadow 滤镜 文字阴影效果Gray ,Invert,Xray 滤镜(灰度、负片、X光片)Blur 滤镜(模糊)FlipH, FlipV 滤镜(水平、垂直颠倒) DropShadow 滤镜(阴影)Glow 滤镜(光晕)这个是字体的光晕效果Alpha 滤镜(透明)Wave 滤镜(扭曲)Emboss 滤镜(浮雕)
阅读全文
摘要:先看看效果演示(改变浏览器窗口大小,背景图象会自动伸缩)代码解析主要的HTML代码<div><img id="background" src="rabbit.jpg" alt="" title="" /> </div><div id="fixed"><p>The background image is always 100% x 100%...
阅读全文
摘要:代码解析HTML部分<div class="out narrow"><div class="in ltin tpin"><h2>NARROW</h2><p>This is the text that goes in the middle.</p></div></div><!--以上只是第一个文字块...
阅读全文
摘要:/**default css style**/html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block }li { display...
阅读全文
摘要:Webcredible上列出了不少关于CSS使用语法上的小技巧,还是比较实用的。以前很多东西只知道要这么写,可很少去考虑为什么。看来用CSS能做的事情远远比自己所了解的要多。1. CSS字体定义简写规则一般的写法会是这样:font-weight: bold;font-style: italic;font-varient: small-caps;font-size: 1em;line-height:...
阅读全文
摘要:代码解析HTML 代码部分<div class="save"><h1><a href="javascript:void(0)" class="dsphead"onclick="dsp(this)"><span class="dspchar">+</span> heading</a></h1><div clas...
阅读全文
摘要:IE vs FFCSS 兼容要点:DOCTYPE 影响 CSS 处理FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中FF: 设置 padding 后, div 会增加 he...
阅读全文
摘要:本文参考了以下文章: Kevin Yank的《New-Window links in a Standards-Compliant World》 《Standards-based Replacement for target="_blank" in External links》我们要在新窗口中打开链接通常的做法是在链接后面加target="_blank",我们采用过渡型的DOCTYPE(xh tm...
阅读全文
摘要:翻译:onestab [2004.03.09] 原文:mezzoblue CSS Crib Sheet 在使用CSS建站时,您肯定遇到过形形色色的布局问题,最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易,当您遇到困难时为您提供快速参考。 有疑问,先验证 在调试时,先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS 会导致许多布局上的错误。 在其他浏览器中进行...
阅读全文
摘要:结构body, head, html, title 文本abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var 链接a 列表dl, dt, dd, ol, ul, li 表单form, input...
阅读全文
摘要:原文地址: http://www.positioniseverything.net/explorer/doubled-margin.html 用代码设置一个浮动容器floatbox浮动在主容器box的左边,设置floatbox的左边距margin-left让它距离box的左边有一段距离。 代码如下: .floatbox{float:left; width:150px; height:150px;...
阅读全文