css - 天空没有回忆 - 51CTO技术博客-领先的IT技术博客

网络技术博客

注册 | 登录忘记密码？

51cto首页 | 博客 | 论坛 | 招聘

热点文章

科普系列之-使用Windows的..

文章

DL.DT.DD的布局简单例子

DL.DT.DD的布局简单例子

2008-02-01 13:59:49

说到无序列表大家很容易的就想到UL和LI
今天在子鼠那里看到了一种新的方式
就是DL .DT .DD
对于有标题或不固定宽度的列表来说很适合
code代码如下:

程序代码
<h1>标题</h1>
<div>
  <dl>
    <dt><a href="32">·博客里的文章是我自己写的！</a></dt>
    <dd>作者：张三</dd>
  </dl>
  <dl>
    <dt><a href="3232">·博客里�..

类别：css | 阅读全文(9) | 回复(0)

一个CSS效果

一个CSS效果

2008-02-01 13:52:55

程序代码
<style>
*{ margin:0; padding:0; list-style:none; border:none;}
body{ font-size:12px; font-family: Verdana; line-height:1.8; padding:30px;}
.c{ clear:both;}

a:link,a:visited{color:#FFF;text-decoration:none;}
a:hover,a:active{color:#FFCC00;text-decoration:underline;}

/*list box*/
.info{background:#06518A; width:500px; padding:25px 10px 10px 10px;}
.info div{border:2px so..

类别：css | 阅读全文(12) | 回复(0)

DIV+CSS相册惊叹的效果！

DIV+CSS相册惊叹的效果！

2008-02-01 13:39:06

这是子鼠制作的相册，完全用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=utf-8" />
<title>test div</title>
<style>
body{ margin:0; padding:0; font-size:12px; background: #333333; line-height:1.7; font-family:Verdana, "..

类别：css | 阅读全文(25) | 回复(0)

如何用CSS实现翻页效果？

如何用CSS实现翻页效果？

2008-02-01 13:26:58

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />

<style>

dl {
position:absolute;
width:240px;
height:170px;
border:10px solid #eee;
}
d..

类别：css | 阅读全文(14) | 回复(0)

display:inline及与float:left用途详细区分与特征说明

display:inline及与float:left用途详细区分与特征说明

2008-01-31 18:46:31

　　这样的题目显得有点可笑，但是鉴于很多在标准学习的过程中常被这样的问题所困扰，所以特此专文澄清两者之间的区别与特性。

　　首先我们要明确，display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示：任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复，每一行下方都会有一条黑色的细线。如果是块级元素那么所显..

类别：css | 阅读全文(9) | 回复(0)

<< 1 2 3 >> 页数 ( 1/3 )