深山老林

IE条件注释参考

2006-01-21

仅ie5.0以上版本支持

仅IE可见
参数属性：

gt : greater than，选择条件版本以上版本，不包含条件版本
lt : less than，选择条件版本以下版本，不包含条件版本
gte : greater than or equal，选择条件版本以上版本，包含条件版本
lte : less than or equal，选择条件版本以下版本，包含条件版本
! : 选择条件版本以外所有版本，无论高低
仅IE 5.0以上可见

IE 5.0及以上可见




代码演示：http://www.rexsong.com/blog/attachments/200512/29_231623_ie_standalones_code.htm
转自一葉の千鳥's Blog - RexSong.com

Tag：CSS 代码分享

Ghost 发表于15:38 | 阅读全文 | 评论 0 | 编辑 | 推荐
简明 HTML CSS 开发规范

2006-01-17

//总论
本规范既是一个开发规范，也是一个脚本语言参考，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。如果有任何问题，请及时与我联系，我会及时更改本规范的相关代码样例和文档。
/基本要求
1. 在网站根目录中开设images common temp 三个子目录，根据需要再开设media 子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner 条、菜单、按钮等等；common 子目录中放css、js,、php、include 等公共文件；temp 子目录放客户提供的各种文字图片等等原始资料；media 子目录中放flash, avi, quick time 等多媒体文件。
2. 在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。
3. temp 目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。
4. 除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，
/脚本编写
我们应该有一个脚本整体风格一致的概念，意思是一个月后和一个月前的你写的脚本风格保持一致，以及同一个工作组中不同的开发人员编写的脚本风格保持一致，因为我们不可能永远孤立的开发，你随时都有可能和三个月前的自己合作（你的客户要求改版），也经常要和工作室中不同的同事共同开发一个项目，还有可能被要求修改已经离职人员开发的脚本，当然你自己也有可能会扔下一个项目给后来的同事。
1. Html 文件的通用模板：

<html>

<head>
<title> 文档标题 </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<meta name="author" content="eastline">
其他meta 标记

<link rel="stylesheet" type="text/css" href="style/style.css">
样式表定义
客户端Javascript 函数定义及初始化操作

</head>
<body bgcolor="#ffffff">
… …
</body>
补充：
为了保证网站能够与下一代的web 语言xml 标准兼容，所有的HTML 标签的属性都要用单引号或者双引号括起，即我们应该写 <a href=”url”> 而不是 <a href=url>.
2. 允许全文检索的页面，为了使Internet上的搜索引擎能够有效检索，在频道的首页的html的<head></head>之间应该加入Keywords 和Description 元标记，例如：

<meta name=”keywords” content=”东方新干线，汽车，买车”>
<meta name=”description” content=”东方新干劲线，全球中文汽车信息第一站”>
3. CSS 文件的格式样例代码：

<style type="text/css">
<!—
p { text-indent: 2em; }
body { font-family: "宋体"; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
table { font-family: "宋体"; font-size: 9pt; line-height: 20px; color: #000000}
a:link { font-size: 9pt; color: #FFFFFF; text-decoration: none}
a:visited { font-size: 9pt; color: #99FFFF; text-decoration: none}
a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a:active { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:link { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:visited { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:active { font-size: 9pt; color: #FF9922; text-decoration: none}
.blue { font-family: "宋体"; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em}
-->
</style>
这里尤其要注意的是a:link a:visited a:hover a:actived 的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！
为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px 和14.7px 这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px 的字号比较合适。
在写 <table> 互相嵌套时，严格按照的规范，对于单独的一个<table>来说，<table><tr>对齐，<td> 缩进两个半角空格，<td> 中如果还有嵌套的表格，<table>也缩进两个半角空格，如果<td>中没有任何嵌套的表格，</td> 结束标记应该与 <td> 处于同一行，不要换行，
如我们注意在源代码中不应有这样的代码：

<td><img src=”../images/sample.gif”>
</td>
而应该是这样的：

<td><img src=”../images/sample.gif”></td>
这是因为浏览器认为换行相当于一个半角空格，以上不规范的写法相当于无意中增加一个半角空格，如果确实有必要增加一个半角空格，也应该这样写：

<td><img src=”../images/sample.gif”> </td>
属于同一个级别的 <table> 一定是左首对齐的，另外不允许没有任何内容的空的单元格存在，高度大于等于12px 的单元格应该在 <td> 和 </td> 之间写一个 ，如果高度小于12px, 则应该在 <td> 和 </td> 之间插入一个1*1 大小的透明的gif 图片，这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱，在DW3中可以通过command->apply souce formatting进行重新整理！
5. Width 和height 的写法也有统一的规范，一般情况下只有一列的表格，width 写在<table> 的标签内，只有一行的表格，height 写在 <table> 的标签内，多行多列的表格，width 和height 写在第一行或者第一列的 <td> 标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height 和width, 保证任何一个width 和height 都是有效的，也就是你改动代码中任何一个width 和height 的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。
/一般原则
1. 在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免 <colspan> <rowspan> 两个标记，经验表明，这两个标记会带来许多麻烦。
2. 一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用 <tbody>标记，以便能够使这个大表格分块显示。
3. 排版中我们经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，规范的做法是在样式表中定义 p { text-indent: 2em; } 然后给每一段加上 <p> 标记，注意，一般情况下，请不要省略 </p> 结束标记。
4. 原则上，我们禁止用 <img width=? height=?> 来人为干预图片显示的尺寸，而且建议 <img> 标签中不要带上width 和height 两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给 <img>附上 width 和 height 属性。
5. 为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用<br> 来人工干预分段。
6. 不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。
7. 所有的字号都应该用样式表来实现，禁止在页面中出现 <font size=?> 标记。
8. 请不要在网页中连续出现多于一个的也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用 text-indent, padding, margin, hspace, vspace 以及透明的gif 图片来实现。
9. 中英文混排时，我们尽可能的将英文和数字定义为verdana 和arial 两种字体。
10. 行距建议用百分比来定义，常用的两个行距的值是line-height:120%/150%.
11. 网站中的路径全部采用相对路径，一般链接到某一目录下的缺省文件的链接路径不必写全名，如我们不必这样：<a href=”aboutus/index.htm”> 而应该这样：<a href=”aboutus/”>
12. 嵌入图形文本的使用较大的字体，建议不要在图形中包括文本。
13.“网页大小”定义为网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。
/文件命名原则
1. 每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm
2.件名称统一用小写的英文字母、数字和下划线的组合。
3. 命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。
4. 下面以“新闻”（包含“国内新闻”和“国际新闻”）这个栏目来说明html 文件的命名原则：
☆ 在根目录下开设news目录
☆ 第一条缺省新闻取名index.htm
☆ 所有属于“国内新闻”的新闻依次取名为：china_1.htm, china_2.htm, …
☆ 所有属于“国际新闻”的新闻依次取名为：internation_1.htm, internation _2.htm, …
☆ 如果文件的数量是两位数，请将前九个文件命名为：china_01.htm, china_02.htm 以保证所有的文件能够在文件夹中正确排序。
5. 图片的命名原则遵循以下几条规范：
☆ 名称分为头尾两两部分，用下划线隔开。
☆ 头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。
☆ 一般来说:
放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner
标志性的图片我们取名为：logo
在页面上位置不固定并且带有链接的小图片我们取名为button
在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu
装饰用的照片我们取名：pic
不带链接表示标题的图片我们取名：title
依照此原则类推。
☆ 尾部分用来表示图片的具体含义。
☆ 下面是几个样例，大家应该能够一眼看明白图片的意义：
banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif
title_news.gif logo_police.gif logo_national.gif pic_people.jpg
pic_hill.jpg.
转自蓝色理想

Tag：CSS 文章分享

Ghost 发表于17:10 | 阅读全文 | 评论 0 | 编辑 | 推荐
UltraEdit的上百种语法高亮文件下载(推荐)

2006-01-13
Wordfiles
Each wordfile contains one language. Each wordfile has been set up to be language twenty "/L20" (UltraEdit supports up to twenty languages - "/L1" to "/L20" - in one wordfile at the same time). With this in mind, you should be able to open the file in your browser and copy it and append it to your existing wordfile without too much difficulty.
The "/Lnn" number corresponds to the language's position in the Language Lists that are available via the follwing dialogs:
1. View --> View As (Highlighting File Type)
2. Advanced --> Configuration --> Syntax Highlighting --> Language dropdown
If a new lanugage is added as "/L20", for example, the language list will look like this:

8. ...
9. JavaScript
10. language 10
...
19. language 19
20. The New Language You Added
The default languages in wordfile.txt are numbered from /L1 to /L9. New languages that are added should not conflict with those, or with each other. For example, Python 2 and and Unix Shell Scripts are *both* numbered /L20. So one or the other has to change, if both extensions are to be added. You add new languages by appending the contents of appropriate wordfile to wordfile.txt.
If it is desired to incorporate multiple wordfiles into the default wordfile it may be easiest to download and save these in a temporary directory and work from the saved local copies while editing the wordfile. You can open the active wordfile for editing by going to Advanced -> Configuration -> Syntax Highlighting (in UltraEdit) and clicking on the Open button.
To edit wordfile.txt go to Advanced --> Configuration --> Syntax Highlighting and click on the "Open" button beside the "Full path name for wordlist". After editing the file, it is not necessary to restart UltraEdit. The changes take effect immediately, as may be seen by reloading a file with an extension listed in one of the newly added wordfiles.
In the case of the zip files you will need to download these and unzip them and then copy and paste the wordfiles from the archive. UltraEdit's help file includes help on modifying the wordfile if it is needed under Syntax Highlighting.
Click on the type of item you wish to download:
ALL WORDFILES IN ONE PACKAGE
ABAP/4 - 08/02/2002
ABB Rapid Command - 08/24/99
ABB-S4 Rapid Command - 02/18/2003
ActionScript 2.0 - NEW - 04/14/2004
ASL/ACPI - 12/01/2000
Ada95 - NEW - 04/14/2004
ADEPT Command Language - 06/02/99
ADEPT V+ - 7/24/2003
ADSP2181 - 12/01/2000
AHDL - 03/28/2000
AlphaScript - 03/28/2000
AML (Arc Macro Language) & SML (Simple Macro Language)
AMPL - 03/28/2000
AMTrix- 03/02/99
ANSYS - 05/30/2000
ANSYS Parametric Design Language - 03/28/2000
Apache Web Server - 10/12/2001
ASN.1 - 10/12/2001
ASP (JScript) - 03/28/2000
ASP (PerlScript) - 08/02/2002
ASP (Visual Basic) - 03/28/2000
ASP (Visual Basic/HTML) - 12/31/2001
ASP (VBScript) - 03/28/2000
ASP (VBScript - Hipertools) - 10/12/2001
ASPX - 08/02/2002
ASPECT - 10/12/2001
Assembly for 21xx - 05/30/2000
Assembly for 2106x - 01/21/99
Assembly for 6502 - 08/02/2002
Assembly for 6809
Assembly for 68HC908 - 12/01/2000
Assembly for 68HC11 - 03/28/2000
Assembly for 8051 - 12/01/2000
Assembly for ARM - 12/01/2000
Assembly for AVR - 08/24/99
Assembly for CALM - 10/12/2001
Assembly for C167 V7.0 - 08/02/2002
Assembly for C515C - 12/01/2000
Assembly for DSP56K - 03/28/2000
Assembly for F240 - 03/28/2000
Assembly for H8S - 12/01/2000
Assembly for MASM - 06/02/99
Assembly for Microchip PIC - NEW - 04/14/2004
Assembly for MIPS - 08/02/2002
Assembly for M68000 - 10/12/2001
Assembly for MPC860 - 12/01/2000
Assembly for NEC 75X Microcontroller - 11/3/98
Assembly (Netwide) - 08/02/2002
Assembly for NSC COP8 - 7/24/2003
Assembly for RDS-500 - 08/24/99
Assembly for S/370 - 05/30/2000
Assembly for TEAK - 10/12/2001
Assembly for TI MSP430 - 02/18/2003
Assembly for MSP4301 - 7/24/2003
Assembly for V850 - 10/12/2001
Assembly for x86 - 10/12/2001
Assembly for x86 (GNU) - 12/31/2001
Assembly for Z80 - 08/24/99
Assembly for z/OS - 7/24/2003
Assembly (High Level) - 12/31/2001
AutoIT - 10/12/2001
AutoIT 2.61 - 12/31/2001
AutoIT 2.64 - 7/24/2003
AutoIT 3.00 - NEW - 04/14/2004
AutoLev - 12/31/2001
AutoLISP - NEW - 04/14/2004
Automate 5.04 - NEW - 04/14/2004
Avenue - 03/28/2000
AVISynth - 7/24/2003
AWK - 06/02/99
Baan C - 05/30/2000
BaanERP - 05/30/2000
Baan 3 / 4GL - 01/21/99
Bash - 08/24/99
Batch - 12/01/2000
BibTex - 06/02/99
Blitz Basic 3D - 10/12/2001
Blitz Basic v1.73 - 08/02/2002
Blitz+ v1.35 - 7/24/2003
BM Scripts - 03/28/2000
BMC Patrol Scripting - 7/24/2003
Bourne & Korn Shell - 08/24/99
Broadvision JavaScript - 10/12/2001
Bullant - 10/12/2001
C/C++ - 03/18/99
C/C++ for Amiga - 7/24/2003
CA Visual Objects - 10/12/2001
ChordPro - 7/24/2003
C++ Header - 12/01/2000
C++ Source - 12/01/2000
C# - 7/24/2003
C for C167 - 08/02/2002
CA OpenROAD 4.01 - 10/26/98
CA Realizer 2.0 - 2/24/98
Coq - 02/18/2003
Cascading Style Sheets 2.0 - 10/12/2001
Cascading Style Sheets for IE 6 - 08/02/2002
Ch - NEW - 04/14/2004
Cisco IOS Config - 10/12/2001
Clarion - 12/01/2000
Clarion-Template - 12/01/2000
ClearBasic - 10/12/2001
Clipper - 03/02/99
CLIPS - 6/25/98
Cobol - 03/28/2000
Cold Fusion 4.31 - 2/24/98
Cold Fusion 4.5/5.0 - 08/02/2002
Comau PDL - NEW - 04/14/2004
Config Files - 03/28/2000
Corba - 06/02/99
Cron Scripts - 10/12/2001
CSound csd - 10/12/2001
CSound orchestra - 10/12/2001
CSound score - 10/12/2001
Cue Sheets - 03/02/99
Cup 1 - 08/02/2002
CUPL - 08/02/2002
C-Win API - 01/21/99
Dataflex - 03/02/99
DB4Web - 03/28/2000
DB/C - 03/28/2000
DCAL - 03/28/2000
Digital Command Language - 10/12/2001
Delphi 4 - 03/28/2000
Dial-Up Scripting - 7/24/2003
Direct X Mesh - 12/31/2001
Directives - 01/21/99
Divx Player 2.0 - 10/31/2003
docBook - 7/24/2003
DOS Batch - 10/12/2001
DOS/NT Batch - 08/02/2002
DSSSL - 7/24/2003
DTD (XML) - 10/31/2003
DTML (Zope) - 08/02/2002
Dial-Up Scripting - 7/24/2003
DXL - 12/01/2000
e Scripts - 02/18/2003
Eiffel - 03/28/2000
EPLD - 03/28/2000
EScript 88 - 05/30/2000
EScript 92 - 10/12/2001
Esprit post processor language - 11/17/97
ESRI Avenue(DBa 2.1) - 10/12/2001
Euphoria - 05/30/2000
EXAPTplus - 08/02/2002
Fame - 03/28/2000
FlagShip (Clipper/dBASE) - 11/17/97
Flash ActionScript v5 - 10/12/2001
Flash ActionScript - JavaScript - 10/12/2001
Flash MX ActionScript 3 - 08/02/2002
Flash MX ActionScript 2004 - 10/31/2003
FLISP - 08/24/99
Focus - 03/28/2000
Formida - 10/12/2001
Fortran 90 - 05/30/2000
FoxPro 2.6 - 12/01/2000
Visual FoxPro 6.0 - 12/01/2000
Frame-/ElmScript - 01/21/99
Gauss - 10/31/2003
General Algebraic Modeling System - 08/02/2002
GDL Scripts - 03/28/2000
GED2HTML - 03/28/2000
Gedcom - 03/02/99
Gembase - 08/02/2002
Genexus - 7/24/2003
Geopak - 10/31/2003
Ghost Installer - 7/24/2003
GNU Makefiles - 08/02/2002
Hamster Scripts - 03/28/2000
Hamster Scripts - NEW - 04/14/2004
Hamster Mail Filter - NEW - 04/14/2004
Haskell - 08/24/99
HTML 4.01 - 10/12/2001
HTML/PHP/SQL - 12/01/2000
Hugo - 03/28/2000
IBM Bookmaster - 04/14/99
IBM DirectTalk - 10/12/2001
IBM Net.Data - 08/24/99
IDL - 10/12/2001
Inform - 03/28/2000
Inform 6 - 03/28/2000
Inger - 7/24/2003
INI Files - 03/28/2000
Informix 4GL - 08/02/2002
Informix Forms - 08/02/2002
Install Shield - 10/31/2003
Interbase SQL - 5/18/98
JamagicScript - 10/12/2001
Jasmin - 12/01/2000
Java 1.1.7/Swing - 03/28/2000
Java 1.2.2 - 08/24/99
Java 1.2 with FAME TimeIQ - 03/28/2000
Java 1.3 - 10/12/2001
Java 1.4 - 08/02/2002
Java 1.4 with JSP - 08/02/2002
JavaScript - 08/02/2002
JavaScript 2.0 - 10/12/2001
JavaScript/WMLS - 05/30/2000
Jess 6.1 - 10/31/2003
JHTML - 12/01/2000
JScript - 6/25/98
JSP - 03/28/2000
JSTL - 7/24/2003
Karel - 7/24/2003
Kawasaki - 7/24/2003
Kixtart - 10/12/2001
Kixtart v4.11 - 02/18/2003
Kixtart v4.12 - 7/24/2003
Kixtart v4.22 - 10/31/2003
KRL - KUKA Robot Language - NEW - 04/14/2004
LaTex - 03/17/99
TeX/LaTex (ATT98580) - 10/31/2003
LDAP - 03/02/99
LDIF for the Netscape Directory Server - 03/02/99
Lingo - 03/28/2000
Lingo 8.51 - 08/02/2002
Linker 6.0 - 08/02/2002
Linker 7.0 - 08/02/2002
Lisp - 12/01/2000
Litestep - 08/02/2002
LOGIC - 08/24/99
LotusScript - 03/02/99
LotusScript 5 - NEW 04/14/2004
LPC - 12/01/2000
Lotus Script 5 - 7/24/2003
Lua - 08/02/2002
LULL - 10/12/2001
Lumonics GCode - 05/30/2000
Macro Scheduler Script - 02/18/2003
Macro ToolsWorks - 7/24/2003
Makefile - 05/30/2000
Map - 08/02/2002
MapBasic - 6/25/98
Maple - 02/18/2003
Mapserver - 10/12/2001
Mason - 05/30/2000
MathML - 11/3/98
MATLAB 5 - 01/21/99
MATLAB 6 - 10/12/2001
Maxima 5.9.0 - 7/24/2003
MAXScript - 12/01/2000
MDX - NEW - 04/14/2004
Maya Embedded Language (MEL) Script - 10/12/2001
ME10 Macro Language - 10/12/2001
MessageBuilder - 05/30/2000
Microsoft Resource Files - 08/02/2002
MicroStation Basic - 04/14/99
Mill G Code - 04/14/99
MINC DSL - 11/17/97
Miva - 05/30/2000
Modelica - 10/12/2001
Modula 2 - 05/30/2000
Modula 3 - 03/28/2000
MOF - 10/12/2001
Mosel - 7/24/2003
Motive Maps - 04/14/99
Motorola DSP56000 - 11/17/97
MRTG Config - 10/12/2001
MSIL - 02/18/2003
MSSQL 7 - 10/26/98
MSSQL 2000 - 08/02/2002
Mud Master Script - 05/30/2000
Multibase SQL - 10/12/2001
Mumps - 01/21/99
MySQL - 03/28/2000
Navision - 08/02/2002
NC Files - 08/24/99
NC Siemens 840D - 08/02/2002
netCDF CDL - 11/17/97
Neuron (MC3150,3120) Chip Language - 04/14/99
nnCron - 7/24/2003
Notes Formula Language - 03/28/2000
NQC - 08/02/2002
NSIS Installer - 7/24/2003
NT Commands - 03/28/2000
NVIDIA Cg 1.0 - 7/24/2003
OCAML
OEM Setup - NT INF file language - 10/26/98
Omnimark - 08/24/99
OpenROAD - 08/24/99
OPL - 03/02/99
Oracle SQL - 10/12/2001
Palm Pilot Resource Script - 12/01/2000
Paradox
Pascal - 10/12/2001
PASCALFC - 7/24/2003
Passport - 11/3/98
Patrol Scripting - 03/28/2000
Pearl - 6/25/98
PeopleCode 8.14 - 7/24/2003
PeopleSoft SQR - NEW - 04/14/2004
Perl - 03/02/99
Perl/CGI - 10/12/2001
Perl/Tk - 08/02/2002
Portable Game Notation - NEW - 04/14/2004
PHP - 12/01/2000
PHP3 - 03/28/2000
PHP4 - 10/12/2001
Pick Basic - 08/02/2002
Pixar's Renderman Interface - 04/14/99
Pixar's Renderman Shader - 04/14/99
PeopleSoft SQR - 10/31/2003
Pixel Shader 1.4 - 12/31/2001
PL/I - 7/24/2003
PL/I IBM-Visual Age - 02/18/2003
PLM - 05/30/2000
PL/SQL - 10/12/2001
PocoMAIL - NEW - 04/14/2004
PostScript - 08/24/99
PovRay - 10/12/2001
PowerBasic - 08/24/99
PowerBuilder 7 - 03/28/2000
PowerTerm - 10/12/2001
Progress 8.3 - 11/3/98
Progress 9.1 - 10/31/2003
ProvideX - 7/21/97
Python - 05/30/2000
Python 2.0 - 10/12/2001
Python 2.3 - NEW - 04/14/2004
QBasic - 03/28/2000
QBasic 7.1 - 08/02/2002
QNAP - 7/24/2003
Quake Configuration - 03/02/99
Quake 3 Arena Shader - 10/31/2003
R Scripting - 02/18/2003
Rapid Q - 08/02/2002
RealPix - 11/3/98
RealText - 11/3/98
REBOL - 10/12/2001
REXX - 03/28/2000
RTF - 05/30/2000
Ruby - 12/31/2001
S/S+ - 01/21/99
S/390 Assembler Macro Language - 7/24/2003
SACS IV - 03/28/2000
SAP - ABAP/4 - 12/01/2000
SAS - 5/5/98
SBP - 7/24/2003
Scenix - 05/30/2000
Schema - 10/12/2001
Scheme - 08/24/99
Scilab 2.7 - 7/24/2003
SearchScript - 03/28/2000
Standard Delay Format - NEW - 04/14/2004
SDL-PR - 10/12/2001
SGML - 08/24/99
Simulink - 12/31/2001
Sisctus Prolog - 10/12/2001
Small - 12/31/2001
SmartGEN Template - 08/02/2002
SMIL - 11/3/98
Spin - 03/28/2000
SPSS Base - 7/24/2003
SQL/SQC - 08/02/2002
SQL Server Manager - 10/12/2001
SQR - 03/28/2000
Stata 7 - 10/12/2001
Sybase 11.x SQL - 04/14/99
Symbian OS - NEW - 04/14/2004
System Policies - 03/02/99
Tcl/tk - NEW - 04/14/2004
Teradata SQL - 12/01/2000
Tera Term Language - 7/24/2003
Tivoli - 10/12/2001
TSL - NEW - 04/14/2004
Transact SQL - 7/24/2003
True Basic - 7/24/2003
Turbo C - 08/02/2002
Turbo Pascal- 03/02/99
UC - 08/02/2002
UC4 - 7/24/2003
UEMacro - 12/01/2000
UG/APT Source - 05/30/2000
UniBasic 5.2 - 08/02/2002
Unidata - 10/12/2001
Uniface 6 - 03/28/2000
Uniface 7.1 - 03/28/2000
Uniface 7.2 - 03/28/2000
Unisys Linc LDL - 08/02/2002
Universe DATABASIC - 08/02/2002
UNIX Shell - 10/12/2001
UnrealScript - 7/24/2003
VB - 08/24/99
VB.Net - 12/01/2000
VBScript - 12/01/2000
Velocity (Jakarta) - 12/31/2001
Verify- 03/02/99
Verilog - 5/5/98
Verilog 2001 - 10/31/2003
Verity Style - 5/5/98
Verity Topics
Vertex Shader 1.1 - 12/31/2001
VHDL - 08/24/99
VHDL 9.3 - 08/02/2002
VircScript - 2/28/98
Visual Dialog Script - 03/02/99
Visual Objects - 10/12/2001
Visual Pro 5 Basic - 10/12/2001
Voice XML - 10/12/2001
VOS PL/1 - 08/24/99
VRML - 8/21/98
VRML97 - 10/12/2001
VTML - 03/02/99
WAP - 12/01/2000
WAPScript - 12/01/2000
WDL 3.9 - 10/26/98
WebFOCUS - NEW - 04/14/2004
WIL - 03/02/99
WinBatch - 10/12/2001
WinRexx - 03/28/2000
Winrunner - 7/24/2003
WML - 05/30/2000
WML Script - 10/12/2001
Wordfile Editing - 08/02/2002
XBasic - 10/12/2001
XHTML 1.0 - 12/01/2000
XHTML Basic - Mobile Apps - 12/01/2000
XHTML 1.1 - Modular HTML - 12/01/2000
XML - 03/28/2000
XML Schema - 7/24/2003
XSL - 12/01/2000
Zillions of Games - 10/12/2001
zMUD Script - 05/30/2000
Tag Lists
README.TXT - Adding / Modifying Tag Lists - 10/26/98
ASP Tags - 10/12/2001
CFML Tags - Cold Fusion 4.5 - 10/12/2001
C# Tags - 10/12/2001
EScript Tags - 12/01/2000
HDML Tags - Handheld Device Markup Tags - 10/26/98
HTML Tags - 10/26/98
HTML Upper ASCII Tags - 10/26/98
IMFL Tags - Real Pix Markup Tags - 10/26/98
LaTeX Tags - 10/12/2001
MathML Tags - 03/28/2000
Miva Tags - 12/01/2000
Perl Scripting Tags - 03/02/99
RTF Tags - 12/01/2000
SMIL Tags - Synchronized Media Integrated Language - 10/26/98
VBS Tags - NEW - 08/02/2002
WinBatch Tags - 10/12/2001
WML Tags - 12/01/2000
XML Tags - 10/26/98
XSL Tags - 10/12/2001
ALL TAGS IN ONE FILE
Macros
C Indent Macro by Oliver Tscherwitschke - 12/01/2000
HTML Strip Macros by Gabe Anguiano - 08/24/99
HTML Macros by D. Richmond - 06/19/2000
HTML Macros by S. Bellone - 6/12/97
Misc Macros by R. Dotson - 6/12/97
Misc Macros by John Goodman - 10/26/98
Spanish Macro by David Dodds - 01/15/2001

AutoComplete Files
Java AutoComplete - 05/30/2000
C# AutoComplete - 10/12/2001
Perl AutoComplete - 10/12/2001
PHP4 AutoComplete - NEW - 08/02/2002
Tag：代码分享

Ghost 发表于13:59 | 阅读全文 | 评论 1 | 编辑 | 推荐
DIV 居中的绝好解决方法

2006-01-11

现在进行WEB重构的时候,一般我们做DIV 居中是这样:
body{
margin:0px auto;
text-align:center;
}
但是在没申明下面这句解析方法的时候,页面就会出错.不能居中对齐!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
为此困扰了我几天.那么有的朋友就会说:你加上这句不就行了吗? 可是有时候页面并不能全部按上面规定的代码格式来编写,比如说要改多彩滚动条.
直到昨天,一个想法在我脑中闪了一下. 何不用JS来控制页面的边距?说干就干!
找了个页面.添加了下面的一小段代码.
<script language="javascript" type="text/javascript" src="function.js"></script>
function.js内容:
if(window.screen.width>800){document.write("<style type=\"text/css\">body{margin-left:"+(window.screen.width-800)/2+"px}</style>");}
保存,测试. 哈哈,换了几个分辨率都可以正常居中!至此试验成功.
总结一下:
主要是这句代码起的作用:
(window.screen.width-800)/2 //计算页面应该留出的边距数值.800为我的DIV宽度 + 滚动条宽度.实际应用改为你自己的大小.
补充一点:上面这段JS 必须放在你的最后一个CSS连接或</style>的后面.

欢迎大家到我的小站交流更好的实现方法!
转自网页教学网

Tag：CSS JScript 文章分享

Ghost 发表于13:31 | 阅读全文 | 评论 1 | 编辑 | 推荐
中文排版CSS心得

2006-01-11

数月来学习web标准，并遵循标准设计和制作web页面。一直想写点什么，整理一下自己的心得体会。写这篇文章，主要是针对中文排版设计，英文排版因为很少做，所以不涉及。
先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用，后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版，比如中文字的截断、固定宽度词内折行（word-wrap和word-break）等等。因为只是写一些应用方面的心得，如果需要完整的CSS属性介绍，请参考CSS手册。
1、如何设定文字字体、颜色、大小 —— 使用font
font-style设定斜体，比如font-style: italic;
font-weight设定文字粗细，比如font-weight: bold;
font-size设定文字大小，比如font-size: 12px;（或者9pt，不同单位显示问题参考CSS手册）
line-height设定行距，比如line-height: 150%;
color设定文字颜色（注意不是font-color），比如color: red;
font-family设定字体，比如font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;（这是通用的写法）
以上都可以写在一行font属性里（除了color属性需要单独写）：
font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;
2、如何控制段落排版 —— 使用margin，text-align
中文段落使用<p>标签，左右（相当于缩进）、段前段后的空白，都可以用margin。比如：
p{
margin: 18px 6px 6px 18px; /*分别是上、右、下、左，十二点开始的顺时针方向*/
}
文字的对齐方式用text-align，比如：
p{
text-align: center; /*居中对齐*/
}
对齐方式还有left、right和justify（两端对齐）
PS.谈起margin，我习惯于在写CSS的时候为所有的标签定义margin: 0; 因为时而出现由于默认的margin值导致页面排版问题，而自己找不到原因（特别注意的是ul/ol/p/dt/dd等标签）
3、竖排文字 —— 使用writing-mode
writing-mode属性有两个值lr-tb和tb-rl，前者是默认的左-右、上-下，后者是上-下、右-左。
比如：
p{
writing-mode: tb-rl;
}
可以结合direction排版。
4、项目符号的问题 —— 使用list-style
在CSS里项目符号有disc（实心圆点）、circle（空心圆圈）、square（实心方块）、decimal（阿拉伯数字）、lower-roman（小写罗马数字）、upper-roman（大写罗马数字）、lower-alpha（小写英文字母）、upper-alpha（大写英文字母）、none（无）。比如设定一个列表（ul或ol）的项目符号为方块，如：
li{
list-style: square;
}
另外list-style还有一些值，比如可以采用一些小图片作为项目符号，在list-style下直接写url(“图片地址”)就可以了。注意如果一个项目列表的左外补丁（margin-left）设为零的时候，list-style-position: outside（默认是outside）的项目符号不会显示。可惜的是上述的项目符号似乎并不能设定大小，圆点和方块始终是那么点。并且不能设定垂直方向上的对齐。
5、首字下沉 —— 使用:first-letter
伪对象:first-letter配合font-size、float可以制作首字下沉效果。
比如：
p:first-letter{
padding: 6px;
font-size: 32pt;
float: left;
}
6、首行缩进 —— 使用text-indent
text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。可以这么写：
p{
text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/
}
如果font-size是12px的话，那么text-indent: 2em则缩进24px。
7、关于汉字注音 —— 使用ruby标签和ruby-align属性
比如说<ruby>注音<rt style="font-size: 11px;">zhu yin</rt></ruby>，可以利用ruby-align设置对齐方式。这是在CSS手册里面看到的，具体可以自行查阅ruby-align项。
8、固定宽度汉字截断 —— 使用text-overflow
用后台语言可以对从数据库里的字段内容做截断处理，比如说截12个汉字（之后用省略号）。但是有时还需要html标签的过滤等，而用CSS来控制则没有这个问题。比如对列表应用以下样式：
li{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
不过只能处理文字在一行上的截断，不能处理多行。
9、固定宽度汉字（词）折行 —— 使用word-break
举个例子，比如说要在一个固定宽度容器里面显示很多地名（假设以空格分隔），为了避免地名中间断开（即一个字在上面而另一个字折断到下一行去了）。则可以使用word-break。比如：
<div style="width:210px;height: 200px;background: #ccc;word-break:keep-all">
南京上海上海上南上海上海南京上海上海上海南京上海上海南京上海上海南京上海南京上海南京上海南京上海南京上海南京上海上海南京上海上海
</div>
值得注意的是里面的空格不能以 代替（最少要有一个软空格）。
转自网页教学网

Tag：CSS 文章分享

Ghost 发表于11:02 | 阅读全文 | 评论 0 | 编辑 | 推荐

共4页第一页上一页 1 2 3 4 下一页最后一页

IE条件注释参考

2006-01-21

简明 HTML CSS 开发规范

2006-01-17

UltraEdit的上百种语法高亮文件下载(推荐)

2006-01-13

Wordfiles

DIV 居中的绝好解决方法

2006-01-11

中文排版CSS心得

2006-01-11

个人资料

Ghost

日历

搜索

文章分类

Tag

最新日志

最新评论

链接

存档