[css教程] 如何使用HTC文件来封装CSS样式 日期：2008-08-17 18:23:30 点击：261 好评：0
下面通过创建一个鼠标滑过加亮显示的 HTC 来演示一下创建 HTC 的过程。 1、创建 HTC 文件的架构。一个标准的 HTC 文件含有一个 SCRIPT 块和一对可选的 COMPONENT 标记。 <PUBLIC:COMPONENT> <SCRIPT> </SCRIPT> </PUBLIC:COMPONENT> ...
[css教程] 认清CSS的类class和标识id选择符 日期：2008-08-17 18:21:52 点击：138 好评：0
认清CSS的类class和标识id选择符 在CSS初级教程中我们仅仅考虑了HTML选择符──以HTML标签形式出现。你当然可以用类选择符class和标识选择符id来定义自己的选择符。这样做的好处是，依赖于class或者id，你可以不同地表现相同的HTML元素。 在CSS中，类选择符在一...
[css教程] CSS自动实现网页打印版本 日期：2008-08-17 18:19:57 点击：110 好评：0
许多网站上都有一个针对打印的版本，但实际上这并不需要，因为可以用CSS来设定打印风格。 也就是说，可以为页面指定两个CSS文件，一个用于屏幕显示，一个用于打印： <link type="text/css" rel="stylesheet" href="stylesheet.css...
[css教程] 网页制作 谈谈CSS样式表的命名规范 日期：2008-08-17 18:18:41 点击：227 好评：0
最近和一程序员合作项目。弄的我头都大了~埋怨我的CSS命名看不懂~得按照他的来。结果我打开他的页面，看了看,从头第一个开始就是contentCommon，下面全部是content****. 我说明了我的理由，过了半会，似乎是接受了，却突然来一句:“不要用H标签嘛!还有不要用UL来定...
[css教程] 网站重构 CSS样式表的优化与技巧 日期：2008-08-17 17:32:35 点击：384 好评：0
一、使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，...
[css教程] CSS中的滑动门技术 日期：2008-08-17 15:08:01 点击：608 好评：0
在CSS中，一个经常被人们讨论的先进之处即背景图像的可层叠性，并允许他们在彼此之上进行滑动，以创造一些特殊的效果。根据CSS2.0当前的规定，每一个背景图像都需要各自的HTML元素。在许多情况下，典型的标记已经为一般的接口组件提供了多种元素以供我们使用。标签导航...
[css教程] Web开发中对CSS类及id的规范化命名 日期：2008-08-16 17:30:32 点击：142 好评：0
Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说，在命名重新定义XHTML标记（tags）的CSS selectors时，必须保证其与预定义的标记准确匹配，但就类以及id选择器名称而言，则仁者见仁，智者见智。然而随心...
[css教程] 常用CSS缩写语法总结 日期：2008-08-16 17:29:04 点击：186 好评：0
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是...
[css教程] 用CSS实现无图片圆角效果 日期：2008-08-16 16:59:04 点击：178 好评：0
css圆角效果，IE6, firefox均显示正常 <html> <head> <title>css圆角效果--网站每日新</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <style type="text/css"> div....
[css教程] 由显示/隐藏引出的CSS Bug 日期：2008-08-16 16:57:13 点击：113 好评：0
这一段CSS代码相当简单，目的就是想用CSS来控制某段文字的显示与隐藏。起初我采用了下面的代码，令人不可思议的是，它们在我的IE6.0上居然没有任何反应，大家不信可以亲自试验一下。 <style type="text/css"> a {font-size:12px; text-decoration:none; h...