“CSS” 相关主题的文章存档:

CSS中的滑动门技术

在CSS中,一个经常被人们讨论的先进之处即背景图像的可层叠性,并允许他们在彼此之上进行滑动,以创造一些特殊的效果。根据CSS2.0当前的规定,每一个背景图像都需要各自的HTML元素。在许多情况下,典型的标记已经为一般的接口组件提供了多种元素以供我们使用。

标签导航栏就是其中的一个例子。过去,我们频繁的使用这些标签,并已成为了一种非常流行的站点导航方式。现今,在CSS已被广泛支持的前景下,我们可以为我们站点制作出更高质量和更好外观的标签导航栏来。你也许知道CSS可以用来“驯服”无序的列表,或许你还曾经看到过这种样式的标签列表:
uploads/200509/26_090808_oldr1.gif

如果我们想用和以上类似的标记,将导航标签变成这种样式,该怎么办呢?

uploads/200509/26_090812_urjx2.gif

经过简单的设计,我们是可以做到的。 感兴趣?继续阅读 »

同一个页面用多个id有什么影响

我们知道在样式表定义一个样式的时候,可以定义id也可以定义class,例如:

ID方法:#test{color:#333333},在页面中调用<div id=”"test”">内容<div>
CLASS方法:.test{color:#333333} 感兴趣?继续阅读 »

常用CSS缩写语法总结

为了让网站能够更快,Web的建设者都会按常规地压缩和优化网站上的每一个图像文件,这常常使得为了将文件的大小减少几个百分点而牺牲了图像的质量。由于CSS样式表是纯文本文件,和图像相比相对较小,所以Web建设者很少考虑采取措施减少其CSS样式表文件的大小。但是,通过使用CSS缩写以及其他的一些简单技巧,你可以在很大程度上减少CSS样式表文件的大小,而且更加容易阅读。css缩写的主要规则如下:

感兴趣?继续阅读 »

对CSS类及id的规范化命名

Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说,在命名重新定义XHTML标记(tags)的CSS selectors时,必须保证其与预定义的标记准确匹配,但就类以及id选择器名称而言,则仁者见仁,智者见智。然而随心所欲的为这些类以及id命名则并不是个好的习惯。

在阅读了由Andy Clarke(of Stuff and Nonsense and All That Malarkey)以及Eric Meyer所撰写的关于CSS类以及id命名规范的系列文章之后,我开始思考在自己的Web站点设计过程中对类以及ids的命名方式。 感兴趣?继续阅读 »

CSS 语法

1.基本语法

CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。
基本格式如下:
selector { property: value}
(选择符 { 属性:值})
选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开:
body { color: black}
选择符body是指页面主体部分,color是控制文字颜色的属性,black是颜色的值,此例的效果是使页面中的文字为黑色。 感兴趣?继续阅读 »

CSS 字型的设定

CSS 2.0 字型的设定..

在总部网站中已有一些<font>..</font>的简介…
HTML对于<font>..</font>卷标只有:
<font color=colorvalue size=fontsize face=字型></font>这3种设定..
关于CSS对于<font>..</font>的延伸规格让我们可以对字型的有更详细的设定

对于字型的设定:

font-family:字型名称1,字型名称3,字型名称3,…..
感兴趣?继续阅读 »

巧用 CSS 制作树状目录

制作方法:
我先把产生这种效果的代码复制如下,然后结合代码讲制作方法:

〈div id=“main1“ style=“color:blue“ onclick=“document.all.child1.style.display=(document.all.child1.style.display ==“none“)?““:“none““ 〉
+ 主目录1〈/div〉

感兴趣?继续阅读 »