这个效果非常独特，以前我所见过的这种特效实现过程非常复杂，但这里的源代码却非常简单，推荐收藏。 v\:*{behavior: url(#default#VML);}刷新本页才能看到效果
Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面的文件大小。 为了让网站能够更快，Web的建设者都会按常规地压缩和优化网站上的每一个图像文件，这常常使得为了将文件的大小减少几个百分点而牺牲了图像的质...
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-caps verdana,serif 现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性（如font-weight, font-style,font-varient）如未...
利用相对定位和偏移量属性，可以很好的实现以前需要用图片才能实现的界面，而且实现起来比也很方便。例如，当需要用户输入某些信息，我们常常会用到：标题栏－内容－确定按钮 这种结构，下面是利用CSS样式的相对定位及偏移量做的输入界面。主要特点是： 标题栏图片有向上的偏移量。利用样式：top:-10px;position:relative; 可以让图片脱离容器，定位于容器之外（本例子中图片的容器是class="main"的div）。但有一点需要注意的是，图...
以下是CSSVault.com推荐的2004年1月--3月130个CSS布局站点，供大家参考：CCD DesignWebexpresseHappy Cog Icelandic National TeamDerek Powazek Blogdsgn Postcard TimesEview 360Euro Pair AgencySchillmaniaDFS OnlineWays to createThe Great MonkeyPapel ContinuoMade By GirlsCameron MollVermont CastingsCloud KingFirefly PhotographyStuff & NonsenseBefore the dogMike MatasNedwardDenbigshire OrballoWest Coast Logi...
你也许已经意识到，你可以通过指定每一键接的不同风格以建立CSS翻滚效果，这些链接包括普通的链接link (normal), 访问，翻转，以及激活。并且，你可能也知道CSS类型的顺序可以产生效果上的差别，CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。 现在让我们看看如何安排链接状态的类型在不产生冲突的情况下支持正常的翻滚效果，并且如何重新安排这些类型顺序以获得不同的翻滚效...
边框属性(border)用来设定一个元素的边线。 边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。 间隙属性(padding)是用来设置元素内容到元素边界的距离。 这三个属性都属于CSS中box类型的属性。下面这个示意图，很形象地体现了三者之间的区别。 这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。
最近的工作中，遇到不少问题，其中一个问题我觉得是最重要的，那就是css的书写顺序，他可以体现一个前端工作者的思续。如果您看到本文，请不要再想到哪个属性就写哪个属性。 先来看一下firefox推荐的书写顺序 * mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide -http://mozilla.org/contribute/writing/markup) */ /* Suggested order: //显示属性 * display * list-style * position *...
出处：http://blog.donews.com/dodo/archive/2005/06/18/434979.aspx 在TABLE布局中设计Form,一般都是用2个td来布局,如果不用table,用CSS怎么做呢?看看下面的代码label{float: left;width: 80px;}form{margin:0px}input{width: 180px;border:1px solid #808080} textarea{width: 250px;height: 150px;} #sbutton{margin-left: 80px;margin-top: 5px;width:80px;} br{clear: left;}
一、使用STYLE属性 将STYLE属性直接加在个别的元件标签里，<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如： <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。 二、使用STYLE标签将样式规则写在...标签之中。 样式规则表 例如： BODY { color: BLUE; background: #FFFFCC; ...
写XHTML要求使用干净的HTML语法 -------------------------------------------------------------------------------- Some More XHTML Syntax Rules:更多XHTML语法规则： Attribute names must be in lower case属性名称必须为小写 Attribute values must be quoted属性值使用双引号 Attribute minimization is forbidden属性简写是不允许的 The id attribute replaces the name attribute用id属性来替代name属性 The XHTML DTD d...
不用float实现模块居中布局_CSS/HTML最常见实用的布局形式：上、中左、中右、底四个模块，宽度760px，整体页面居中。结构代码，top left right foot 四个模块全部独立、互不嵌套。＜p id="top"＞head＜/p＞ ＜p id="left"＞ ＜p id="left_module"＞left＜/p＞＜/p＞ ＜p id="right"＞ ＜p id="right_module"＞right＜/p＞＜/p＞ ＜p id="foot" ＞foot＜/p＞顶部属于常规定义。#top { height:100px; background:#ccc; width:760px...
asp开发规范 一、单页编写规范： 切记页面要分模块来写： 第一模块：接收参数。[有可能从不同页面提交到同一个页面；也可能出现两个表单项以哪个优先的处理)。 第二模块：定义全局变量。 第三模块：写处理代码(尽量将代码都包含到函数中，详见页面附注一)。——到此asp代码主要部分完成。 第四模块：纯html代码，利用储存在全局变量中的值来生成页面。 第五(注意)：要在页面头部写清页面逻辑。(如何接收、处理。) 优点：便于维护。...
CSS布局中,未知大小图片的垂直居中，一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了，但对IE没用，几个月前在国外网站看到了一则对IE的解决方法，感觉不是很理想，也没当回事。最近看到经常有朋友在问类似的问题，又把代码翻了出来，针对IE改了下。CSS .box{height:140px;width:200px;border: solid 1px #666;text-align:center;/*水平居中*/line-height:140px;font-size:126px...
翻译：Linyupark You can prepare yourself for XHTML by starting to write strict HTML.你可以开始通过书写严格的HTML代码来为你的XHML之行做好准备 -------------------------------------------------------------------------------- How To Get Ready For XHTML如何为XHTML做准备呢？XHTML is the next generation of HTML, but it will of course take some time before browsers and other software products are ready ...