文章标题关闭所有内容预览 | 展开所有内容预览
-
[图文] margin含义演示
[内容预览]
2 | 2008-06-24 21:50:14
<style>#idParentDiv{width:100%;height:3000px;padding:30px;background-color:buttonshadow;}#idDiv{width:400px;height:80px;background-color:#FFD700;padding:6px;}#i...
[阅读全文]
-
CH经典CSS入门教程
[内容预览]
6 | 2008-06-24 21:50:14
级联样式表（CascadingStyleSheets，CSS）是一种为网站添加布局效果的出色工具。它可以省去你大量时间，令你可以采用一种全新的方式来设计网站。CSS是每个网页设计人员所必须掌握的。本CSS教程能够让你在数小时内入门CSS。它很容易理解，而且将向你介绍所有高级技巧。学习CSS是很有趣的。你在学习本教程的过...
[阅读全文]
-
如何开发基于HTML格式的电子邮件系统
[内容预览]
1 | 2008-06-24 21:50:14
作为应用程序开发人员，我曾开发过电子邮件系统，以便完成各种各样的与系统相关的任务。但是从没有为商业目的而单独开发过此类系统。最近情况发生了变化，我接到了一位客户的请求，要求我为他设计一个通过电子邮件发送时事通讯信息的系统。这是一个简单明了的请求，但是要在电子邮件中包括HTML,完成这种功能并非简单的事情。分析问题每一个...
[阅读全文]
-
网页设计中如何让CSS控制网页背景？
[内容预览]
2 | 2008-06-24 21:50:14
在符合标准的网页设计中如何用CSS控制网页的背景呢？包括背景的颜色，背景的图片等一些问题，在本教程中一次给你讲清楚。·背景颜色background-color我想这个我就不用多做介绍了，颜色代码我想大家都知道的，不是用英文来代替就是用指定的代码来表示的。这个的默认值是transparent（透明色）。例：body{ba...
[阅读全文]
-
使 DIV 在浏览器窗口中水平垂直居中
[内容预览]
2 | 2008-06-15 07:48:57
<divstyle="position:absolute;top:50%;left:50%;margin:-200px00-275px;width:550px;height:400px">内容。图片文字flash等。请注意，div宽度高度以及margin负值需针对内容进行相应设置</div>说明：绝对定位divposi...
[阅读全文]
-
批量消除链接虚线框方法
[内容预览]
1 | 2008-06-15 07:48:55
各位想必都知道，onfocus=”this.blur()”这条代码能消除链接时的虚线框，但你有没有想过，如果你的网页上有几个甚至上百个链接，而你又想要去掉上面那些讨厌的虚线框，内容来自中国站长资讯网(www.chinahtml.com)难道你还一个个去Ctrl+C、Ctrl+V，天哪！这对一个正常人来说绝对是个恶梦。也...
[阅读全文]
-
网页制作总结CSS的小技巧
[内容预览]
1 | 2008-06-15 07:48:54
ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。一个兼容性调整(IE和Mozil...
[阅读全文]
-
理解Web框架，和如何构建一个CSS框架
[内容预览]
0 | 2008-06-15 07:48:50
近来，在Web开发中”框架”是一个相当时髦的词。比如JavaScript框架YUI、JQuery和Prototype都引起广泛的关注，Web应用框架RailsandDojo更是引人瞩目，仿佛所有人都使用某种框架来开发自己的网站。但究竟什么是框架?是不是框架仅仅是对程序员有用，设计师是否可以从中收益？什么是框架? ...
[阅读全文]
-
css背景渐变的技巧与方法
[内容预览]
1 | 2008-06-15 07:48:48
用css实现网页背景渐变的代码如下：一、从上往下渐变ExampleSourceCode:body{FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);}...
[阅读全文]
-
网页制作CSS之DIV长度相等的几个办法
[内容预览]
1 | 2008-06-15 07:48:47
用于布局架构：#outer{overflow:hidden;}#outer.panel{float:right;width:286px;padding-left:21px;border-left:1pxsolid#E5E3D7;padding-bottom:27670px!important;margin-bottom...
[阅读全文]
-
HTML中树的实现方法
[内容预览]
1 | 2008-06-15 07:48:45
利用javascirpt我们可以很容易的在HTML中实现树，而不需要使用ASP,JSP,PHP等等编写动态程序，当然如果要和数据库结合，下面的代码也很容易移植。 首先，我们看一下实现这个树形结构的javascript代码。 common.js以下是引用片段：<!--functionshowCurrentSect...
[阅读全文]
-
链接title自定义效果
[内容预览]
2 | 2008-06-15 07:48:44
<pre><html><head><title>链接效果一－admin5欢迎您</title><STYLEtype="text/css"><!--body,div,a{font:menu}.article{BORDER-BOTTOM:black1pxsolid;BORDER-LEFT:black1pxsolid;BOR...
[阅读全文]
-
[图文] 空格的宽度问题
[内容预览]
2 | 2008-06-15 07:48:40
首先对空格宽度的定义：空格，由于每个浏览器处理会有微小的不同，在这里我将可以选中的宽度作为空格的宽度。视觉宽度和可选中的宽度有0~3px的差异（由于kerningtable的不同），但以下测试的三种浏览器中相同。又因在ClearType（次像素平滑）情况下视觉宽度有所不同（据猜测可选中的宽度应该和不开ClearTy...
[阅读全文]
-
利用CSS的媒体类型满足访客需求
[内容预览]
1 | 2008-06-15 07:48:32
除了需要考虑不同的浏览器和Web标准之外，你更需要考虑的是浏览站点的设备或者媒体的多样性。CSS媒体类型提供创建Web应用软件的功能，它能随目标媒体的变化而变化。本文将用一些例子检查这个CSS特点。媒体CSS媒体类型指定了一组CSS属性。那些声称能够支持媒体类型的用户代理必须实现所有的属性，才能将这些属性应用于那个媒体...
[阅读全文]
-
[图文] 无延迟翻滚的图形/CSS混合风格的按钮
[内容预览]
0 | 2008-06-15 07:48:28
在一个具有图形背景的按钮中添加CSS风格的文本，这种建立按钮的方法结合了具有CSS翻滚(CSSrollover)标记的开发速度和效率，从而有效地提高按钮外表图像的三维效果。相比于常规的图形按钮，这些图形/CSS混合按钮可易于建立和载入，因为你只需要为空白按钮外面建立和载入一个图像，而不是为每一个按钮建立各自的图像。同一...
[阅读全文]
-
HTML向XHTML转化
[内容预览]
1 | 2008-06-15 07:48:26
W3C将XHTML代替HTML4作为网页的结构标准语言已经四年多了，但是大部分的网站设计人员却没有转向XHTML。XHTML拥有比HTML标准更多的优点，而网站设计人员只要做出稍微的代码改变就能应用新的标准，鉴于这一点以上这种现象就着实令人困惑不解了。XHTML的优点本质上，XHTML作为XML应用程序只是HTML4的...
[阅读全文]
-
构建自己的HTML工具
[内容预览]
1 | 2008-06-15 07:48:24
很多开发人员都使用诸如Dreamweaver或FrontPage来设计自己的Web网页。由于需要的所有功能都集中于WYSIWY工具，这些工具显得相当优秀。然而，有些时候这些工具能够提供更多的功能与特性。例如，假设你想为用户提供建立一个基于特定模板的数据入口窗体。即这一入口窗体工作方式类似于报表自定义(ReportBui...
[阅读全文]
-
采用XML和XSLT，使网页设计更紧密
[内容预览]
0 | 2008-06-15 07:48:23
如果你还未考虑采用一种单一的、紧密结合的方式进行网页设计的话，请看本文。在网络发展初期，凝聚性（cohesiveness）是由服务器端实现的，但要牵涉到大量的人工文件管理工作。幸运的是，随着网络的日益成熟，网络开发工具也日臻完善。例如，在.NET框架下，你可以创建各种Web控件来统一设计。XML和XSLT的转换使Web...
[阅读全文]
-
CSS之自动换行
[内容预览]
1 | 2008-06-15 07:48:21
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是CSS如何将他们换行的方法！对于div1.（IE浏览器）white-space:normal;word-break:break-all;这里前者是遵循标准。#wrap{white-space:normal;width:200px;}或者#wra...
[阅读全文]
-
简单的CSS改进网站设计三个技巧
[内容预览]
1 | 2008-06-15 07:48:19
这篇文章将会提到三种简单、但很有效的设计技术来指导你正确地利用css改进网站的设计，以使网站能在大多数搜索引擎中的排名靠前。 首先介绍一下什么是css。css是层叠式样式表的意思，是一种把实际内容与陈述代码分离的方法。通常，网站设计中会建立一整套的css样式标准，这些标准存储在一个扩展名为css的单独文件中。然后...
[阅读全文]
-
初学入门简单了解学习CSS的伪类
[内容预览]
1 | 2008-06-15 07:48:18
类:在HTML中当表现class属性的时候，人们可以用点(.)号来作为~=号的一个替代选择，所以div.value等同于div[class~=value]。此时.value只能严格的应用于HTML中的class属性，所以此类选择符叫类选择符。在CSS中样式通常依附与一个元素在文档树中的位置，这个简单的模型对于许多情况...
[阅读全文]
-
新手入门:XHTML DHTML SHTML的区别
[内容预览]
1 | 2008-06-15 07:48:16
XHTMLDHTMLSHTML，学习网站制作会经常看到这三种名词，又很少有文章将其做很详细的解释，在这篇文章里为大家进行一下整理了解一下其区别。 XHTML： HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类...
[阅读全文]
-
HTML元素语义的分类
[内容预览]
1 | 2008-06-15 07:48:15
原文：http://westciv.com/style_master/house/good_oil/semantics/classification.html翻译：http://www.jluvip.com/blog/article.asp?id=376作者应该是微格式的开发成员。我个人觉得分类之后更容易理解和去使用H...
[阅读全文]
-
常用CSS缩写语法总结及缩写的原因
[内容预览]
1 | 2008-06-15 07:48:13
CSS语法在进行WEB标准网页设计时必不可少的，一般情况下我们可以通过Dreamweaver软件的“CSS样式”面板自动生成相应的CSS代码。不过虽然软件生成的CSS代码阅读清晰易懂，但就是由于CSS对条条样式定义的清晰解释，也就使得CSS代码阅读显得冗长复杂，同时CSS代码的字节数也在增加……这对于追求高效率和完美性...
[阅读全文]
-
常用的XHTML标签的使用技巧介绍
[内容预览]
1 | 2008-06-15 07:48:11
XHTML里有很多的标签，但是经常用到的也就是那么几个，也只要掌握这几个也就可以了。下面我们一一列举：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,emdiv没有什么特性的意义，可以使用在很多地方，也就是说他可以装不同的东西。他的正确的写法是<div></div>必需要有封口。大家都...
[阅读全文]
-
应用DIV+CSS编码时容易犯的一些错误
[内容预览]
1 | 2008-06-15 07:48:10
CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误： 1.检查HTM...
[阅读全文]
-
用HTML和CSS写出漂亮正规的BLOG
[内容预览]
1 | 2008-06-15 07:48:08
Blog的全名应该是Weblog，中文意思是“网络日志”，后来缩写为Blog，而博客(Blogger)就是写Blog的人。从理解上讲，博客是“一种表达个人思想、网络链接、内容，按照时间顺序排列，并且不断更新的出版方式”。简单的说博客是一类人，这类人习惯于在网上写日记。如何应用HTML和CSS写出漂亮正规的BLOG：正确...
[阅读全文]
-
如何将XHTML+CSS页面转换为打印机页面
[内容预览]
0 | 2008-06-15 07:48:07
在以前，为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面，这样才能够在打印的时候获得令人满意的效果。现在，通过使用结构化的XHTML和CSS，你可以实现同样的效果而只用花费少得多的精力。 从屏幕显示到打印效果 大多数的Web页面都是设计适用于在计算机屏幕上观看的。然而，有的时候...
[阅读全文]
-
[图文] 利用CSS同比例缩小图片技巧
[内容预览]
1 | 2008-06-15 07:48:06
当然，生成缩略图这个工作如果交给程序来完成，效果会好很多，但是有时出于某种因素，例如服务器不支持GD之类的，难免就要请CSS代劳。把一副大图片按比例缩小到某个尺寸，对于现代浏览器，直接使用max-width和max-height两条CSS属性即可。对于IE6.0及以下版本，以上两条CSS属性均不会被理会。之前处理这种事...
[阅读全文]
-
对CSS命名的一些个人理解
[内容预览]
1 | 2008-06-15 07:48:04
用了一段CSS布局设计网页,发现自己的命名有点混乱,完全按照自己的想法命名,虽然没什么影响,有不给别人看源文件,但是工作室有时候和团队合作完成项目的时候,就遇到麻烦了,要修改一个地方相当的费事.所以还是有个标准比较好啊!在网上看到的一个参考,再加上平时也研究别人的代码,发现有些命名使用很广泛!命名参考常用的CSS命名规...
[阅读全文]
