30 2009

惊奇CSS:25 个高级CSS技巧

Published by 笨二十一 under CSS, Web技术

CSS是一个为网友文档添加诸如字体、颜色和间隔等属性的机制。我喜欢使用CSS,胜于JavaScript 和 jQuery,如果相同的功能可以通过CSS和JavaScript实现时,那么建议使用CSS。或许有些设计师会表达不同意见——CSS缺少动态特性。真是这样吗?我们来看看CSS的高级技巧吧。
1. CSS 实现文字和背景渐变

 
转自:http://www.kooxo.com/tutorial/webdesign/css/200903/28-92.html

难道通过CSS实现背景的渐变不比通过图片实现更好吗?因为这能使网页更快地加载。

使用纯CSS实现 渐变 
使用 CSS 实现背景的渐变
阅读全文——共2451字

No responses yet

04 2008

让并排的两个Div自适应高度(一样高)

Published by 笨二十一 under CSS, Web技术

    由于设计页面需要,要把两个并排显示的div实现一样高的效果,n行n列布局,每列高度(事先并不能确定哪列的高度)的相同,是每个设计师追求的目标。方法有以下几种:1、JS实现(判断2个div高);2、纯css方法;3、加背景图片实现。首先说下本博客实现的2个div一样高的方法(即js方法)。
 
    div+css基本布局:
 
<div id=”mm”>
<div id=”mm1″></div>
<div id=”mm2″></div>
</div>
 
    1、js实现div自适应高度
阅读全文——共1539字

No responses yet

03 2008

无js实现div+css左右高度自适应

Published by 笨二十一 under CSS, Web技术

以下代码实现了无js实现div+css左右高度自适应,具体应用视情况而定。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>左右自适应高度</title>
阅读全文——共777字

One response so far