Archive for 十二月, 2007

十二．控制BOX的样式  样式表规定了一个容器BOX，它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。为了大家更好地理解这些属性的意义，以及互相之间的关系，请看下面这个图示：    1．边框空白（MARGIN）  如图所示，位于BOX模型的最外层，包括四项属性。  格式分别如下：  ·margin-top：顶部空白距离  ·margin-right：右边空白距离  ·margin-bottom：底部空白距离  ·margin-left：左边空白距离  空白的距离可以用带长度单位的数字表示。  如果使用上述属性的简化方式margin，可以在其后连续加上四个带长度单位的数字，来分别表示margin-top、margin-right、margin-bottom、margin-left，每个数字中间要用空格分隔。 2．对象边框（BORDER）  如图所示，位于边框空白和对象空隙之间，包括了七项属性。  格式分别如下：  ·border-top：顶边框宽度  ·border-right：右边框宽度  ·border-bottom：底边框宽度  ·border-left：左边框宽度  ·border-width：所有边框宽度  ·border-color：边框颜色  ·border-style：边框样式参数  其中border-width可以一次性设置所有的边框宽度，border-color同时设置四面边框的颜色时，可以连续写上四种颜色，并用空格分隔。上述连续设置的边框都是按border-top、border-right、border-bottom、border-left的顺序。  Border-style相对别的属性而言稍稍复杂些，因为它还包括了多个边框样式的参数：  ·none：无边框。  ·dotted：边框为点线。  ·dashed：边框为长短线。  ·solid：边框为实线。  ·double：边框为双线。  ·groove：根据color属性显示不同效果的3D边框  ·ridge：根据color属性显示不同效果的3D边框  ·inset：根据color属性显示不同效果的3D边框  ·outset：根据color属性显示不同效果的3D边框  3．对象间隙（PADDING）  如图所示，位于对象边框和对象之间，包括了四项属性。  基本格式如下：  ·padding-top：顶部间隙  ·padding-right：右边间隙  ·padding-bottom：底部间隙  ·padding-left：左边间隙  和MARGIN类似，PADDING也可以用padding一次性设置所有的对象间隙，格式也和MARGIN相似，不再一一列举了。 十三．显示控制样式  基本格式如下：  display: 参数  参数取值范围：  ·block（默认）：在对象前后都换行  ·inline：在对象前后都不换行  ·list-item：在对象前后都换行，增加了项目符号  ·none：无显示  十四．空白控制样式  基本格式如下：  空白属性决定如何处理元素内的空格。  white-space: 参数  [...]

七．控制文字的样式  控制文字的样式包括文字大小写、文字修饰两个部分。  1．文字大小写  文字大小写使网页的设计者不用在输入文字时就完成文字的大小写，而可以在输入完毕后，再根据需要对局部的文字设置大小写。  基本格式如下：  text-transform: 参数  参数取值范围：  ·uppercase：所有文字大写显示  ·lowercase：所有文字小写显示  ·capitalize：每个单词的头字母大写显示  ·none：不继承母体的文字变形参数  注意：继承是指HTML的标识符对于包含自己的标识符的参数会继承下来。  2．文字修饰  文字修饰的主要用途是改变浏览器显示文字链接时的下划线。  基本格式如下：  text-decoration: 参数  参数取值范围：  ·underline：为文字加下划线  ·overline：为文字加上划线  ·line-through：为文字加删除线  ·blink：使文字闪烁  ·none：不显示上述任何效果 八．控制文本的样式  控制文本的样式包括单词距离、字母距离、文本行距、文本水平对齐、文本垂直对齐文本缩进六个部分。  1．单词间距  单词间距指的是英文每个单词之间的距离，不包括中文文字。  基本格式如下：  word-spacing: 间隔距离  间隔距离的取值：points、em、pixes、in、cm、mm、pc、ex、normal等。  2．字母间距  字母间距是指英文字母之间的距离，功能、用法，以及参数的设置和单词间距很相似。  基本格式如下：  letter-spacing: 字母间距  3．行距 行距是指上下两行基准线之间的垂直距离。一般地说，英文五线格练习本，从上往下数的第三条横线就是计算机所认为的该行的基准线。 基本格式如下： line-height: 行间距离 行间距离取值： ·不带单位的数字：以1为基数，相当于比例关系的100% ·带长度单位的数字：以具体的单位为准 ·比例关系 注意：如果文字字体很大，而行距相对较小的话，可能会发生上下两行文字互相重叠的现象。 4．文本水平对齐 文本水平对齐可以控制文本的水平对齐，而且并不仅仅指文字内容，也包括设置图片、影像资料的对齐方式。 基本格式如下： text-align: 参数 参数的取值： ·left：左对齐 ·right：右对齐 ·center：居中对齐 [...]

CSS(Cascading Stylesheets，层叠样式表)是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时，CSS简直象是神对我们的恩赐！ 前言 CSS(Cascading Stylesheets，层叠样式表)是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。 W3C(The World Wide Web Consortium)把动态HTML(Dynamic HTML)分为三个部分来实现：脚本语言(包括JavaScript、Vbscript等)、支持动态效果的浏览器(包括Internet Explorer、Netscape Navigator等)和CSS样式表。 一．层叠样式表的特点 且不说过去的网页缺少动感，就是在网页内容的排版布局上也有很多困难，如果不是专业人员或特别有耐心的人，很难让网页按自己的构思和创意来显示信息。即便是掌握了HTML语言精髓的人也要通过多次地测试，才能驾驭好这些信息的排版，过程十分漫长和痛苦。为了Internet的发展，让更多人早日踏足这个多姿多彩的世界，新的HTML辅助工具呼之欲出。 样式表就是在这种需求下诞生的，它首先要做的是为网页上的元素精确地定位，可以让网页设计者象导演一样，轻易地控制由文字、图片组成的演员们，在网页这个舞台上按剧本要求好好地表演。 其次，它把网页上的内容结构和格式控制相分离。浏览者想要看的是网页上的内容结构，而为了让浏览者更好地看到这些信息，就要通过格式控制来帮忙了。以前两者在网页上的分布是交错结合的，查看修改很不方便，而现在把两者分开就会大大方便网页的设计者。内容结构和格式控制相分离，使得网页可以光由内容构成，而将所有网页的格式控制指向某个CSS样式表文件。这样一来的好出表现在两个方面： 第一，简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。 第二，只要修改保存着网站格式的CSS样式表文件就可以改变整个站点的风格特色，在修改页面数量庞大的站点时，显得格外有用。避免了一个一个网页的修改，大大减少了重复劳动的工作量，当你面对的是有数百个网页的站点时，CSS简直象是神对我们的恩赐！^_^ 二．添加层叠样式表的方法 我们为网页添加样式表的方法有四种。 1．最简单的方法是直接添加在HTML的标识符（tag）里： < Tag style=”properties”>网页内容< /tag> 举个例子： < p style=”color: blue; font-size: 10pt”>CSS实例< /p> 代码说明： 用蓝色显示字体大小为10pt的“CSS实例”。尽管使用简单、显示直观，但是这种方法不怎么常用，因为这样添加无法完全发挥样式表的优势“内容结构和格式控制分别保存”。  2．添加在HTML的头信息标识符< head>里： < head> < style type=”text/css”> < !– 样式表的具体内容 –> < /style> < /head> type=”text/css”表示样式表采用MIME类型，帮助不支持CSS的浏览器过滤掉CSS代码，避免在浏览器面前直接以源代码的方式显示我们设置的样式表。但为了保证上述情况一定不要发生，还是有必要在样式表里加上注释标识符“< !–注释内容–>”。 3．链接样式表 同样是添加在HTML的头信息标识符< [...]

很多朋友在用IIS6架网站的时候遇到不少问题， 以下是在所知的2003iis碰见的一些问题，只要对着症状处理。服务器一定可以使用的。 问题1：未启用父路径 症状举例： Server.MapPath() 错误 ‘ASP 0175 : 80004005′ 不允许的 Path 字符 /0709/dqyllhsub/news/OpenDatabase.asp，行 4 在 MapPath 的 Path 参数中不允许字符 ‘..’。 原因分析： 许多Web页面里要用到诸如../格式的语句（即回到上一层的页面，也就是父路径），而IIS6.0出于安全考虑，这一选项默认是关闭的。 解决方法： 在IIS中 属性->主目录->配置->选项中。把”启用父路径“前面打上勾。确认刷新。 问题2：ASP的Web扩展配置不当（同样适用于ASP.NET、CGI） 症状举例： HTTP 错误 404 – 文件或目录未找到。 原因分析： 在IIS6.0中新增了web程序扩展这一选项，你可以在其中对ASP、ASP.NET、CGI、IDC等程序进行允许或禁止，默认情况下ASP等程序是禁止的。 解决方法： 在IIS中的Web服务扩展中选中Active Server Pages，点击“允许”。 问题3：身份认证配置不当 症状举例： HTTP 错误 401.2 – 未经授权：访问由于服务器配置被拒绝。 原因分析：IIS 支持以下几种 Web 身份验证方法： 匿名身份验证 IIS 创建 IUSR_计算机名称 帐户（其中 [...]

1.玩转PHOTOSHOP 出色的后期往往能够给你的照片带来更多新意，尤其是弥补数码摄影在色域与色彩表现上的先天不足——当然，黑白后期对于胶片来说也颇为重要 2.记录纹理 如果你的拍摄对象有很深的皱纹，或者其他具有纹理质感的特征，有可能为你的图片增色不少 3.尝试过曝 在浅色背景下，过曝有时会给你带来颇为特殊的效果——尤其在画面中存在强烈明暗反差的时候 4.减少曝光 对于黑色占据绝大多数空间的画面来说，降曝可以突出明亮的部分，例如脸颊 5.逆光拍摄 发丝会在逆光下有让你惊喜的效果 6.疯狂“摆拍” 矫揉造作的姿势很无聊，但是大胆而疯狂的尝试绝对有不同的效果——你还可以利用更多元素来营造细节，例如特别角度的阴影 7.文化氛围 独特的文化背景会给你的照片添色不少