CKEditor安装和使用

2010-06-15 No Comments

CKEditor是一款可嵌入到网页中的所见即所得的文本编辑器。可以从http://ckeditor.com/download下载。 在HTML文档的head标签内插入如下代码，其中ckeditor.js是压缩之后的CKEditor核心文件，只需调用该文件就足够了。 <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 使用CKEditor的方式有两种。一是给textarea标签添加ckeditor类，二是使用CKEditor提供的CKEDITOR.replace()函数。 方法一 <textarea class="ckeditor" name="editor1" id="editor1" cols="80" rows="20"></textarea> 方法二 <textrea name="editor2" id="editor2" cols="80" rows="20"></textarea> <script type="text/javascript"> CKEDITOR.replace('editor2'); // editor2是指id值为"editor2" </script> 阅读更多

重置浏览器默认样式

2010-04-24 No Comments

布局样式表包括显示属性，浮动，定位，宽度，高度以及边距和填充，一般命名为layout.css。 颜色样式表包括背景属性，颜色和图片以及文本颜色，一般命名为color.css。 版式信息包含了字体和字体大小，行高，字母间隔以及文本装饰，一般命名为typography.css。 为减少XHTML文档链接的样式表数量，一般习惯只是链接一个样式表。 <link rel="stylesheet" type="text/css" href="layout.css" /> 然后，用@import规则来引用其他样式表。 @import url(color.css); @import url(typography.css); 重写浏览器默认样式： body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0; } /* Normalizes margin, padding */ h1, h2, h3, h4, h5, h6 { font-size: 100%; } /* Normalizes font-size for headers */ ol, ul { list-style: none; } /* Remove list-style from lists */ A » » »阅读更多

HTML Meta 标签

2010-01-04 No Comments

在运行网站或搭建自己的博客时，为了使搜索引擎友善地收录我们的主页，也为了更好的表述自己的网站信息，有时候需要使用meta标签。 <meta>标签可以提供关于页面的元信息，例如我们经常针对搜索引擎所提供的描述和关键词。 <meta>标签位于html文档头部，包含在<head>标签中。<meta>标签不包含任何内容，设置的属性定义与文档相关联的名称/值。在html的中，<meta>标签没有结束标签，而在xhtml规范中，<meta>标签要写成以下的形式:<meta />。注意，为了更好的遵循w3c标准，/符的前面要留有空格。 下面详细的解释一下<meta>标签常用到的属性及其取值规范。 http-equiv属性 http-equiv形式如下:<meta http-equiv="type" content="value" /> type是名称/值中的名称，而value则就是type的取值了。http-equiv属性提供了服务器在发送页面时所要传送给浏览器的文档头部信息。浏览器请求服务器发送页面时，服务器 » » »阅读更多

CSS招数和过滤器

2009-12-26 No Comments

在开发Web应用程序时，为了兼容各个厂家的浏览器，有时需要采用CSS过滤器和招数来实现不同的浏览器表现相同的策略。 CSS过滤器(filter)是一种对特定的浏览器或浏览器组显示或隐藏规则或声明的方法。 CSS招数是(hack)一种让浏览器表现得符合自己希望的并不完美的解决方法。 当浏览器的bug在未来的版本中得到修复之后，某些招数会失效或者会有怪异的表现，而且可能无法通过CSS最新版本的检验。在设计浏览器的表现时，能够不使用招数的时候尽量不要使用。CSS招数只是CSS规范的一种解决问题的手段，但不可对这种技术产生依赖。在使用CSS招数的时候，要确定表现是否因为bug的原因，会不会有其他方面的原因，比如HTML，或CSS本身的代码错误。 IE的有条件注释 要想将一个特定的样式表交给IE5和更高的所有版本，那么可以在(X)HTML文档的开头放置以下代码： <!-- [if IE] <style type="text/css"> @import ("ie.css"); </style> --> <!–  » » »阅读更多

RSS2.0规范

2009-12-08 No Comments

RSS是一种基于XML的格式规范。通过网站提供的RSS文件，你可以轻松订阅你所感兴趣的博客文章、实时新闻、天气预报、股市财经等信息。省去了在浩瀚的互联网上搜寻信息所花费的宝贵时间，以便你用这些时间来关注更有价值的工作。RSS可以借助RSS阅读器、aggregator等网页或桌面软件来阅读，也可以通过浏览器集成的RSS阅读功能。如果网站提共RSS订阅功能，你可以在Firefox的地址栏，看到RSS的小图标，点击它会出现多个选项，例如：“订阅Clovery RSS Feed”，如果你提供了Atom订阅，也会显示出来。只不过有的浏览器不能够直接解析RSS文件，需要点击鼠标右键“查看页面源文件”选项来解析、查看。 上面说了RSS基于XML，所以RSS文档必须遵循W3C公布的XML规范。如果熟悉XML，那么RSS也就很容易学习了，毕竟它是基于XML的。 在一个RSS文档中，根元素是带有一个version属性的<rss>标签，version属性指明文档所遵循的RSS规范，一般设置为2.0。<rss>元素只有 » » »阅读更多