网页文字应用CSS设计的一些技巧上
2009-01-07我想以一章的篇幅来讨论用CSS设定文字样式的做法是个好点子.一般处理文字内容大概是应用CSS最多的地方,就算对没有完全遵守标准的网站来说也是一样.去掉网页中反复出现的<font标签曾经是(现在也是)十分吸引设计者的事情,而且不难看出以CSS控制文字排印的巨大
网页文字应用CSS设计的一些技巧中
2009-01-07在前面这个例子里,所要求的是"用Georgia字体修饰所有文字,如果使用者没有安装Georgia的话,改用Times,如果还没有安装Times的话,就是用预设的serif字体". 图3显示了示例加上font-family之后的效果. 图3 以Georgia字体显示的示例效果. 名称内含空格的字体 如果
全面了解CSS内置颜色(color)值
2009-01-07css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。 red红色 等同于 rgb(255,0,0) rgb(100%,0%,0%) #ff0000 #f00 有17个预先确定的颜色,它们是: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red,
CSS实战:美化段落文本之首字下沉
2009-01-07今天要讲的内容是如何实现“首字下沉”,,第一个字是很大的红色楷体,陷于一段文字之首。这种做法在杂志中常见,但是在网页中不那么常见。那么如何实现呢?其实很简单,只有一句CSS就可以了。 Selector:first-letter {font-size:2.5em; font-family:"楷体_G
网页标准化:CSS代码缩写精简实例
2009-01-07一些CSS属性允许使用一串值代替许多属性,值使用空格分开。 margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等,形式像这样:property:top right bottom left;逆时针顺序。 所以下面的代码: p { border-t
了解CSS的优先级特性Specificity
2009-01-07它可能不像其它那么重要,大部分案例你不需要担心冲突,但大型而且复杂的CSS文件,或有很多CSS文件组成的,可能产生冲突。 选择器一样的情况下后面的会覆盖前面的属性。比如: p { color: red; } p { color: blue; } p元素的元素将是蓝色,因为遵循后面的规
两句CSS完美截断侧栏最新评论列表
2009-01-07常见的侧栏最新评论列表一般有两种格式:路人甲 发表于 某某文章,或者 路人乙:引言…… 它们都有个问题,就是换行很难控制,长短不一,有时候内容还会把页面撑破。老肥研究了很久 CSS 手册,找到了一个符合标准的办法,像现在我的侧栏 widget 一样,强制只
CSS中最小高度(min-height)的妙用
2009-01-07最小高度可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera 和 Mozilla 支持,IE7开始也支持了,但IE7处于测试阶段,等正式版发布到普及需一段也许比较长的时间,除非MS把它捆绑在某个操
css基础教程属性篇
2008-08-02本教程主要介绍css的基础知识,将逐个讲解css的各个属性,过程可能比较枯燥,但会尽力多举例说明. css语法 例:用Web Developer的css查看功能查看Jorux.com首页的css文件,可以看到以下代码: body { font: normal 12px/1.5 Georgia, sans-serif; text-align:left;
斜角滑动门导航条(DIV+CSS)
2008-08-02斜角导航条看上去立体感比较强,但实现起来比较麻烦;这是前几天写的一个测试代码,实现时,本来想用简单的图片加负数来实现;但GIF图片对半透明的效果无法有很好的支持;所以一边写代码,一边在改图,图片改的比较乱,CSS也没有优化; 但效果出来了; 写出