CSS:Blur滤镜
Blur是CSS的滤镜之一，把它加载到文字上，可产生立体字的 效果，这将为你在网页上使用立体字做标题带来了极大的方便，也为你的网页减轻了分量；把Blur滤镜加载到图片上，能使你的图片增色不少，虽然用图象处理 软件也能达到同样效果，但用Blur滤镜可方便多了。我将一一向你介绍，先请看下面把Blur滤镜加载到文字上的效果： -- /style ... [阅读全文]
CSS:Mask滤镜
Mask滤镜可以为网页上的HTML元件对象作出一个矩形遮 罩，关于什么是遮罩?如果你用过Flash中的遮罩，你就会知道了，就是那个样子了。实际上对于遮罩你也可以这样来理解，相当于用一块有色布把物件盖起 来，但内容却被挖去了。若你还不明白，就看下面的图片再听我给你细说。 图5 层属性面板 我这里的父层是“Layer4”，我在这里把整个父层都作为显示窗口，也就是当子层运动到父层时就可见，在父层之外... [阅读全文]
旋风分离器结构图:理解表现和结构相分离
web标准推荐的方法 对于内容、结构与表现相分离，最早是在软件开发架构理论中提出来的。QQ用过吧，QQ面板的变更皮肤就是内容不变，外观表现在变化；还有winamp的skin也是这种原理的典型体现。其实我们大多数的设计师已经在实践中都接触到。我们的动态信息发布系统，实际上就是基于这个原理制作的，设计师只需要设计模版，程序员将数据(标题、作者、发布日期、摘要、相关文章、相关图片等等)从数据库中读出，嵌... [阅读全文]
excel基础入门教程:基础XHTML教程 一超长入门文章
前言:(废话) 现在都讲究标准建站而标准建站使用技术主要是XHTML+CSS而现在我们普遍使用是HTML代码那么我该如何转换呢？以及HTML和XHTML有什么区别呢？在这个教程里你将学到HTML和XHTML的间区别以及如何将HTML转换为XHTML毕竟XHTML是发展方向所以我觉得该教程有必要在本站上发布我感觉要是你想使用标准还是最好先学HTML比较简单然后... [阅读全文]
易读网:网页100%易读标准
这是Information Architects Japan的一篇文章，很不错。这个网站还有很多网站网页设计的文章。为了保持一致，这一篇现在使用了浏览器缺省字体大小，字体颜色是#333。 许多网站填满了难以阅读的小字，为什么要这样呢？ 不要说拥挤的页面看着好 拥挤的网站绝不舒服，它们看上去让人恶心。 不要说大量链接更有用 往页面上塞满东西对易用性没有帮助。你扔出这么多东西的唯一原因只是懒惰。我们希... [阅读全文]
xhtml:为什么需要XHTML
为什么需要XHTML？HTML还不够好吗？ HTML也许是全球最成功的文档标记语言（markup language）。不过，在XML被提出之后，有一个两天的研讨会讨论了是否需要一个基于XML的新版HTML。该研讨会的意见是明确的：即需要一个基于XML的HTML，这样其他XML语言可以包含XHTML片断，而XHTML文档也可以包含其他标记语言的片断。我们还能利用重复设计（redesign）以去除HT... [阅读全文]
target属性:为什么XHTML 1.1中去掉了target属性
不是XHTML 1.0存在 3种版本:strict(严格式)、transitional(过渡式)和frame(框架式)这 3种版本都尽量地在XML允许范围内保持和HTML 4.01接近XHTML 1.1是对XHTML 1.0 strict更新而target属性没有包含在任何HTML strict版本中XHTML 1.1没有对XHTML 1.0其他两种版本(tra... [阅读全文]
byteordermark:Byte-Order Mark found in UTF-8 File
W3Ccss-validator和UTF-8文档BOM冲突授权方式:署名非商业用途保持致转载时请务必以超链接(http://www.fwolf.com/blog/post/96)形式标明文章原始出处和作者信息及本声明 css-validator是W3C提供个工具用于检查CSS有效性是个不错工具同样还有W3C Markup Validation Service用于... [阅读全文]
系统交易的投资回报:Web标准的投资回报
用web标准开发能够带来实际利益这点还有人怀疑吗？ 如果有我已经为您准备了些非常引人注目证据特别是些基于CSS设计带来好处我将展示给您组真实数据展示给您看采用web标准所带来、非常明显投资回报(RIO:Return _disibledevent= ... [阅读全文]
doctype:声明符合自己需要的DOCTYPE
查看符合标准的站点原代码，可以看到第一行就是： !DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\" 打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，设计大师Zeldman的个人网... [阅读全文]
css滑动门:CSS实现当前页的滑动门菜单效果方法
当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不 同，用以给浏览者一个明显的指示。 下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何 实现当前页。 设菜单有5个栏目:home、about、products、services、contact，分别给每个栏目一 个ID，m1-m5，CSS可写成如下: CSS源代码： 以下是引用片段：... [阅读全文]
单词速记:xhtml元素速记卡
完整xhtml的结构标签结构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表单for... [阅读全文]
css高度自适应:CSS布局中自适应高度的解决方法
这是div+CSS布局中经常会碰到的基础问题，个人觉得采用背景图填充的方法，还是比较简单和切实可行的。最终效果。 CSS源代码:以下是引用片段： body{ background:#EDEDED; font-size:70%; font-family:Arial,Helvetica,sans-serif; line-height:130%; color:#666666; ... [阅读全文]
css导航条:CSS实现导航条图片的翻转菜单
如果用传统的方法制作这个翻转菜单，至少需要把图片切成10块，还要加上JS代码，在图片按钮上再加行为，现在完全用CSS来实现，图片只要一张，见下图： CSS代码: 以下是引用片段： #imgmenu{ width:450px; height:25px;/*高度是背景图片的一半*/ background:url(/imagelist/06/43/473648jpj0j1.gi... [阅读全文]
不同浏览器不同css:为不同的浏览器载入不同CSS的二种方法
由于各浏览器(IE、gecko、opera......)对CSS的渲染方式都有所不同，造成显示效果不同，所以可通过对其载入不同CSS的方法来解决，下面介绍下二种方法来实现，不一定很实用，难的玩一把。 纯CSS方式 以下是引用片段： Code .box{ width:20em; height:20em; background:#369; } /*--gecko内核--... [阅读全文]
名片设计字体大小:字体大小的设计
现在国内绝大多数的站点都用CSS把字体大小设定为12px，像素虽然也是相对尺寸单位，但只是相对于屏幕的分辨率 ，当屏幕的分辨率一定时，如果你感到字太小，阅读有困难，在非标准浏览器中就无能为力了，所以说，如果把单位改成em，那么就可以用CTRL+鼠标滚动把字放大，或者用菜单上的查看文字大小来改变字的大小。 如何设定 1.在body标签里将字体尺寸设为62.5%，如果在body里没有CSS设定，... [阅读全文]
css样式:网页设计引入CSS样式的五种方式
一、使用STYLE属性 将STYLE属性直接加在个别的元件标签里，＜元件(标签) STYLE=\"性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如： ＜TD STYLE=\"COLOR:BLUE; font-size:9pt; font-family:\"标楷体\"; line-height:150%＞ 这种用法的优点 是可灵巧应用样式於各标签中，但是缺点... [阅读全文]
内中决策管理:如何控制网页框架页内中链接的目标
如何控制网页框架页内中链接的目标 要在一个框架中使用链接以打开另一个框架中的文档，您必须设置链接目标。链接的 target 属性指定在其中打开链接的内容的框架或窗口。 例如，如果您的导航条位于左框架，并且您希望链接的材料显示在右侧的主要内容框架中，则您必须将主要内容框架的名称指定为每个导航条链接的目标。当访问者单击导航链接时，将在主框架中打开指定的内容。 若要设置目标框架，请执行以下操作:... [阅读全文]
如何制作框架网页:网页框架和网页框架集如何工作的
框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。框架集是HTML文件，它定义一组框架的布局和属性。 要在浏览器中查看一组框架，请输入框架集文件的URL;浏览器随后打开要显示在这些框架中的相应文档。通常将一个站点的框架集文件命名为，以便当访问者未指定文件名时默认显示该名称。 下面的示例显示了一个由三个框架组成的框架布局:一个较窄的框架位于侧面，其中包... [阅读全文]
嵌套框架:网页设计中如何使用嵌套的框架集
在另一个框架集之内的框架集称作嵌套的框架集。一个框架集文件可以包含多个嵌套的框架集。大多数使用框架的 Web 页实际上都使用嵌套的框架，并且在 Dreamweaver 中大多数预定义的框架集也使用嵌套。如果在一组框架里，不同行或不同列中有不同数目的框架，则要求使用嵌套的框架集。 例如，最常见的框架布局在顶行有一个框架(框架中显示公司的徽标)，并且在底行有两个框架(一个导航框架和一个内容框架)。... [阅读全文]
论语四则:“mailto”标签四则应用技巧
大家知道，mailto是网页设计制作中的一个非常实用的HTML标签，许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址，这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后，就能自动打开当前计算机系统中默认的电子邮件客户端软件，例如OutLookExpress以及Foxmail等。当然有关mailto标签的使用，并不仅仅就象上面所说的那样简单，它还有其他方面的应用。为了... [阅读全文]
tabindex:用tabIndex轻松实现网页导航
最近，当我在一个网站上输入表格数据时，我填写了一栏，并点击[Tab]键移到下一栏；当我抬头时，我惊奇的发现光标跳到页面下方的另一栏中。我用鼠标将光标移到正确的文本栏中，但不久[Tab]键又再次出现问题。这一情形使我想了解一下页面设计，以及tabIndex属性如何通过键盘帮助导航。 通过[Tab]键访问元素 HTMLDOMtabIndex特性允许你设置或返回一个HTML元素的tab键顺序。IE4... [阅读全文]
iframe使用:“画中画”效果——谈Iframe标记的使用
纵观时下网站WebSite本来网速就有些慢可是几乎每页都要放什么Banner栏目图片版权等大堆雷同东西当然出于网站WebSite风格统、广告效应需要本无可厚非可毕竟让用户钱包为这些“点缀“东西”日益消得钱憔悴”了有没有办法让这些雷同东西次下载后就不用再下载而只下载那些内容有变化区域网页内容呢？ 答案很肯定:应用Iframe标记！ 、Iframe标记使用 提... [阅读全文]
htmlcss:HTML元素的默认CSS设置介绍
HTML元素的默认CSS设置介绍——一下css代码是默认的html的默认css设置，这里与大家一同分享…… 以下是引用片段：/**default css style**/ html, address, blockquote, body, dd, div, dl, dt, fIEldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframe... [阅读全文]
css兼容:CSS兼容要点分析
IEvsFF CSS兼容要点： DOCTYPE影响CSS处理 FF:div设置margin-left,margin-right为auto时已经居中,IE不行 FF:body设置text-align时,div需要设置margin:auto(主要是margin-left,margin-right)方可居中 FF:设置padding后,div会增加height和width,但IE不会,故需要用... [阅读全文]
display属性:display样式属性详解
语法：display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-g... [阅读全文]
phpcss:如何利用PHP和CSS改变网页文字大小
用PHP和CSS改变网页文字大小——在设计网站WebSite时候要牢记点:并不是所有访问者都是神采奕奕年轻人而且他们也不定完全熟悉Web浏览器各种使用思路方法 在设计网站WebSite时候要牢记点:并不是所有访问者都是神采奕奕年轻人而且他们也不定完全熟悉Web浏览器各种使用思路方法聪明设计者了解这点他们常常将各种特殊可访问特性融入网站WebSite设计中这... [阅读全文]
cssselector:详细介绍CSS的三种selector
HTMLselector就是HTML的tags,比如P,DIV,TD等.如你用CSS定义了它们,在整页中,这个Tag的性质就按照你的定义来显示了.HTMLselector的语法如下 tag{property:value}比如我们想叫H1的颜色是红的H1{color:red}这里还要告诉你CSS的一个特点,它可定义好几个selector在一个rule里.比如H1,H2,TD{color:red}这... [阅读全文]
下拉列表css:一段符合标准的CSS下拉菜单
!DOCTYPE html PUBliC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"zh-CN\"h... [阅读全文]
