文章标题关闭所有内容预览 | 展开所有内容预览
-
使 DIV 在浏览器窗口中水平垂直居中
[内容预览]
353 | 2008-05-29 12:36:09
<divstyle="position:absolute;top:50%;left:50%;margin:-200px00-275px;width:550px;height:400px">内容。图片文字flash等。请注意，div宽度高度以及margin负值需针对内容进行相应设置</div>说明：绝对定位divposi...
[阅读全文]
-
批量消除链接虚线框方法
[内容预览]
345 | 2008-05-29 12:36:08
各位想必都知道，onfocus=”this.blur()”这条代码能消除链接时的虚线框，但你有没有想过，如果你的网页上有几个甚至上百个链接，而你又想要去掉上面那些讨厌的虚线框，内容来自中国站长资讯网(www.chinahtml.com)难道你还一个个去Ctrl+C、Ctrl+V，天哪！这对一个正常人来说绝对是个恶梦。也...
[阅读全文]
-
网页制作总结CSS的小技巧
[内容预览]
376 | 2008-05-29 12:36:07
ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。一个兼容性调整(IE和Mozil...
[阅读全文]
-
引入样式表(css)的四种方式
[内容预览]
347 | 2008-05-29 12:36:05
一、使用STYLE属性：将STYLE属性直接加在个别的元件标签里。<元件(标签)STYLE="性质(属性)1:设定值1;性质(属性)2:设定值2;...}例如：<TDSTYLE="COLOR:BLUE;font-size:9pt;font-family:"标楷体";line-height:150%>这种用法的优点是可灵...
[阅读全文]
-
[图文] margin含义演示
[内容预览]
344 | 2008-05-29 12:36:00
<style>#idParentDiv{width:100%;height:3000px;padding:30px;background-color:buttonshadow;}#idDiv{width:400px;height:80px;background-color:#FFD700;padding:6px;}#i...
[阅读全文]
-
理解Web框架，和如何构建一个CSS框架
[内容预览]
401 | 2008-05-29 12:35:59
近来，在Web开发中”框架”是一个相当时髦的词。比如JavaScript框架YUI、JQuery和Prototype都引起广泛的关注，Web应用框架RailsandDojo更是引人瞩目，仿佛所有人都使用某种框架来开发自己的网站。但究竟什么是框架?是不是框架仅仅是对程序员有用，设计师是否可以从中收益？什么是框架? ...
[阅读全文]
-
绿色下划线的简洁CSS导航代码
[内容预览]
364 | 2008-05-29 12:35:58
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title><ahref='http://www.admin5.com/webdesign/'target=_blank>网页制作</a></title><s...
[阅读全文]
-
css背景渐变的技巧与方法
[内容预览]
349 | 2008-05-29 12:35:56
用css实现网页背景渐变的代码如下：一、从上往下渐变ExampleSourceCode:body{FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);}...
[阅读全文]
-
网页制作CSS之DIV长度相等的几个办法
[内容预览]
349 | 2008-05-29 12:35:55
用于布局架构：#outer{overflow:hidden;}#outer.panel{float:right;width:286px;padding-left:21px;border-left:1pxsolid#E5E3D7;padding-bottom:27670px!important;margin-bottom...
[阅读全文]
-
HTML中树的实现方法
[内容预览]
345 | 2008-05-29 12:35:54
利用javascirpt我们可以很容易的在HTML中实现树，而不需要使用ASP,JSP,PHP等等编写动态程序，当然如果要和数据库结合，下面的代码也很容易移植。 首先，我们看一下实现这个树形结构的javascript代码。 common.js以下是引用片段：<!--functionshowCurrentSect...
[阅读全文]
-
链接title自定义效果
[内容预览]
328 | 2008-05-29 12:35:52
<pre><html><head><title>链接效果一－admin5欢迎您</title><STYLEtype="text/css"><!--body,div,a{font:menu}.article{BORDER-BOTTOM:black1pxsolid;BORDER-LEFT:black1pxsolid;BOR...
[阅读全文]
-
教你DIV+CSS制作另一导航条效果
[内容预览]
392 | 2008-05-29 12:35:51
程序代码友情提示：全选代码复制运行，您也可以先修改部分代码再运行查看效果。<style>#nav{background:#000;font-size:12px;float:left;margin-left:50px;width:250px;padding:50px;}#navdiv{margin:8px;}#navsp...
[阅读全文]
-
CSS继承----深入剖析
[内容预览]
315 | 2008-05-29 12:35:50
CSS的继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设，即整体布局声明。而需要要指定为其它样式的部份设定在个别元素里即可达到效果。这项特性可以给网页设计者提供更理想的发挥空间。但同时继承也有很多规则，应用的时候容易让人迷惑。 CSS允许我们为文档设置更为丰富且便于...
[阅读全文]
-
[组图] 空格的宽度问题
[内容预览]
312 | 2008-05-29 12:35:48
首先对空格宽度的定义：空格，由于每个浏览器处理会有微小的不同，在这里我将可以选中的宽度作为空格的宽度。视觉宽度和可选中的宽度有0~3px的差异（由于kerningtable的不同），但以下测试的三种浏览器中相同。又因在ClearType（次像素平滑）情况下视觉宽度有所不同（据猜测可选中的宽度应该和不开ClearTy...
[阅读全文]
-
CH经典CSS入门教程
[内容预览]
315 | 2008-05-29 12:35:46
级联样式表（CascadingStyleSheets，CSS）是一种为网站添加布局效果的出色工具。它可以省去你大量时间，令你可以采用一种全新的方式来设计网站。CSS是每个网页设计人员所必须掌握的。本CSS教程能够让你在数小时内入门CSS。它很容易理解，而且将向你介绍所有高级技巧。学习CSS是很有趣的。你在学习本教程的过...
[阅读全文]
-
[图文] HTML 5新增的元素
[内容预览]
308 | 2008-05-29 12:35:45
在本人看来，HTML5是一个妥协方案，虽不激进，但更能推动技术的继续进步。没有命名空间，元素也不要求闭合（当然这并不是优点），浏览器也可以宽大处理一些错误。一切沿袭上个世纪HTML4的做法。对于HTML的渲染，浏览器一直停留在1999年的水平。为此，HTML5是一个实用主义方案，这样不仅可以继续处理这么多年来散落在世界...
[阅读全文]
-
Mozilla建议的CSS书写顺序
[内容预览]
308 | 2008-05-29 12:35:44
//显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceothertex...
[阅读全文]
-
[组图] 深入理解css中的position定位和z-index属性
[内容预览]
313 | 2008-05-29 12:35:42
由于平时不太用到，所以过去写css的时候对于position属性的absolute、relative值理解比较模糊，对于z-index的层叠更是摸不着头脑，除了理解的因素外，各个浏览器的不同解析结果也是一个大问题。今天仔细阅读了一下css文档，总算是对盒模型的浮动、定位有了比较深刻的理解。我们在实践中很有可能遇到这样的...
[阅读全文]
-
给光标添加CSS样式
[内容预览]
310 | 2008-05-29 12:35:41
CSS允许你控制网页外观和布局的各个方面——包括字体、页边空白和光标。不错，从CSS2.1开始，你就可以方便地控制用户浏览网页时使用的光标。标准的CSS光标呈箭头状，一般来说，它都能满足一个网页或网站的需求，但有些时候你可能需要使用其它的光标。在这些情况下，CSS标准提供了众多选项。CSS光标类型下表概括说明了CSS标...
[阅读全文]
-
[图文] 如何利用CSS控制文本属性
[内容预览]
351 | 2008-05-29 12:35:39
利用CSS可以对Web页面的可视部分进行广泛控制，可以调整页面高度和宽度，背景色和图象，边距，字体。不过，所有这些属性都不是新出现的，它们都可以使用标准HTML很简单地进行操作。但是，CSS也包含了一些控制页面文本的新属性，这些属性在以前的标准HTML元素中不可以获得。使用这些属性可以对对齐，间距，修饰，行高和页面或文...
[阅读全文]
-
利用CSS的媒体类型满足访客需求
[内容预览]
348 | 2008-05-29 12:35:37
除了需要考虑不同的浏览器和Web标准之外，你更需要考虑的是浏览站点的设备或者媒体的多样性。CSS媒体类型提供创建Web应用软件的功能，它能随目标媒体的变化而变化。本文将用一些例子检查这个CSS特点。媒体CSS媒体类型指定了一组CSS属性。那些声称能够支持媒体类型的用户代理必须实现所有的属性，才能将这些属性应用于那个媒体...
[阅读全文]
-
如何利用CSS堆定位元素位置
[内容预览]
351 | 2008-05-29 12:35:36
利用CSS定位Web页面上的元素有很多需要注意的地方，当你需要一个元素出现在另一个元素的位置时，经常会突然出现有趣的场景。使用CSS的z-index属性控制元素的堆放可以很容易的解决这个问题。本文为大家详细介绍CSS堆放元素的使用。定位元素的堆放顺序依赖于CSS的定位方面。有三种定位方式可供选择：相对定位、绝对定位和固...
[阅读全文]
-
[图文] Css:制作一个更漂亮一些的多选列表框
[内容预览]
355 | 2008-05-29 12:35:35
我认为多选列表具有完美的功能——只需按下Ctrl键，同时点击鼠标从列表中选择多个项目。以下是一个典型的多选列表框：选出你最喜爱的快餐：上面那个列表框的代码如下：<formmethod="get"action=""><b>Checkyourfavoritefastfood:</b><br/><SELECTMULTIPLE...
[阅读全文]
-
[图文] 无延迟翻滚的图形/CSS混合风格的按钮
[内容预览]
349 | 2008-05-29 12:35:33
在一个具有图形背景的按钮中添加CSS风格的文本，这种建立按钮的方法结合了具有CSS翻滚(CSSrollover)标记的开发速度和效率，从而有效地提高按钮外表图像的三维效果。相比于常规的图形按钮，这些图形/CSS混合按钮可易于建立和载入，因为你只需要为空白按钮外面建立和载入一个图像，而不是为每一个按钮建立各自的图像。同一...
[阅读全文]
-
使用 CSS 创建固定宽度的布局
[内容预览]
346 | 2008-05-29 12:35:32
我最近的几篇专栏文章讨论了使用XHTML和CSS实现两列或三列页面布局的各个方面。到目前为止，所有例子都使用流式布局（也就是布局会自动扩展和适应浏览器窗口的宽度）。现在是时候考虑另外一种主要的页面布局方法了，这种布局方法是固定宽度布局。很多Web构建人员倾向于使用固定宽度的布局进行页面设计，因为它们能生成精确且可预知的...
[阅读全文]
-
HTML向XHTML转化
[内容预览]
347 | 2008-05-29 12:35:31
W3C将XHTML代替HTML4作为网页的结构标准语言已经四年多了，但是大部分的网站设计人员却没有转向XHTML。XHTML拥有比HTML标准更多的优点，而网站设计人员只要做出稍微的代码改变就能应用新的标准，鉴于这一点以上这种现象就着实令人困惑不解了。XHTML的优点本质上，XHTML作为XML应用程序只是HTML4的...
[阅读全文]
-
构建自己的HTML工具
[内容预览]
342 | 2008-05-29 12:35:29
很多开发人员都使用诸如Dreamweaver或FrontPage来设计自己的Web网页。由于需要的所有功能都集中于WYSIWY工具，这些工具显得相当优秀。然而，有些时候这些工具能够提供更多的功能与特性。例如，假设你想为用户提供建立一个基于特定模板的数据入口窗体。即这一入口窗体工作方式类似于报表自定义(ReportBui...
[阅读全文]
-
采用XML和XSLT，使网页设计更紧密
[内容预览]
346 | 2008-05-29 12:35:28
如果你还未考虑采用一种单一的、紧密结合的方式进行网页设计的话，请看本文。在网络发展初期，凝聚性（cohesiveness）是由服务器端实现的，但要牵涉到大量的人工文件管理工作。幸运的是，随着网络的日益成熟，网络开发工具也日臻完善。例如，在.NET框架下，你可以创建各种Web控件来统一设计。XML和XSLT的转换使Web...
[阅读全文]
-
如何开发基于HTML格式的电子邮件系统
[内容预览]
345 | 2008-05-29 12:35:27
作为应用程序开发人员，我曾开发过电子邮件系统，以便完成各种各样的与系统相关的任务。但是从没有为商业目的而单独开发过此类系统。最近情况发生了变化，我接到了一位客户的请求，要求我为他设计一个通过电子邮件发送时事通讯信息的系统。这是一个简单明了的请求，但是要在电子邮件中包括HTML,完成这种功能并非简单的事情。分析问题每一个...
[阅读全文]
-
CSS之自动换行
[内容预览]
349 | 2008-05-29 12:35:25
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是CSS如何将他们换行的方法！对于div1.（IE浏览器）white-space:normal;word-break:break-all;这里前者是遵循标准。#wrap{white-space:normal;width:200px;}或者#wra...
[阅读全文]
