joerong666
- 浏览: 418295 次
- 性别:
- 来自: 广州
-
文章分类
- 全部博客 (174)
- ajax (2)
- java (4)
- spring (0)
- eclipse (0)
- ejb (0)
- hibernate (2)
- jsf (1)
- c# (13)
- sqlserver (12)
- oracle (1)
- ibatis (3)
- appfuse (0)
- seam (0)
- log4j (0)
- Java2Html (0)
- javascript && html && css (38)
- 英语学习 (1)
- jag (2)
- guice (0)
- warp (0)
- facelets (1)
- struts (0)
- 资源汇聚 (4)
- 打印 (2)
- 热点文章收藏 (2)
- aop/aop.net (3)
- 代码生成器 (1)
- 数据库 (1)
- 开发工具集 (1)
- Erlang (1)
- web services (1)
- acegi (2)
- 存储过程集汇 (1)
- 黑客攻防 (2)
- C/C++ (6)
- wap (1)
- 缓存 分布式 (0)
- 企业库 (3)
- 搜索引擎:Lucene (0)
- 数据安全 (1)
- uml (1)
- 项目管理 (3)
- asp (1)
- SWT/JFACE (3)
- 面试与技巧 (1)
- 程序人生 (1)
- java rcp (2)
- 软件测试 (4)
- 不同应用服务器整合 (1)
- 数据仓库 (2)
- 求职/离职 (1)
- 网站珍藏 (1)
- visual studio 插件 (2)
- IT那些事 (1)
- linux/unix (10)
- windows (1)
- javaMail (1)
- common mail (1)
- tomcat (1)
- java并发/并行 (3)
- emacs (5)
- zookeeper (1)
- hadoop (7)
- 自动运维部署 (8)
- 业界资讯 (1)
最新评论
-
ffshow2006：
有一个有毒啊
两款Access密码破解器 -
nicepulse：
太好了，正好最近我也遇到这类的问题，代理不大正常，刚开始就是重 ...
SQL Server Agent 执行SSIS失败解决方案 -
supersnake：
这个比较喜欢
5款纯div+css制作的弹出菜单(标准且无js) -
cloudgamer：
我也写过一个提示效果
javascript tooltip (网页的提示效果) -
kuchaguangjie：
顶1个，哈哈
获取页面请求参数的JS脚本
今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但是这样用出现两个比较麻烦的地方：
1、如果用UL还布局，右边一栏比较麻烦；
2、文字外边的边框自适应比较麻烦；
3、很可能要定死高度；
所以，细细地看一看这个布局，想一想还是用DL.DT.DD作是合理的：
1、布局合理一些；
2、将来扩展很方便；
3、CSS一定很少；
试着写了写，看一看还行！在可控范围内！
布局布分当然不用说了：
Example Source Code [www.52css.com]<h1>标题</h1>
<div>
<dl>
<dt><a href="32">·博客里的文章是我自己写的！</a></dt>
<dd>作者：张三</dd>
</dl>
<dl>
<dt><a href="3232">·博客里的文章是我自己写的！</a></dt>
<dd>作者：张三</dd>
</dl>
<dl>
<dt><a href="3232">·博客里的文章是我自己写的！</a></dt>
<dd>作者：张三</dd>
</dl>...........
</div>
<div>
<dl>
<dt><a href="32">·博客里的文章是我自己写的！</a></dt>
<dd>作者：张三</dd>
</dl>
<dl>
<dt><a href="3232">·博客里的文章是我自己写的！</a></dt>
<dd>作者：张三</dd>
</dl>
<dl>
<dt><a href="3232">·博客里的文章是我自己写的！</a></dt>
<dd>作者：张三</dd>
</dl>...........
</div>
CSS部分：
Example Source Code [www.52css.com]*{ margin:0; padding:0;}
body{ font-size:12px; line-height:1.8; padding:10px;}
dl{clear:both; margin-bottom:5px;float:left;}
dt,dd{padding:2px 5px;float:left; border:1px solid #3366FF}
dd{ position:absolute; right:5px;}
h1{clear:both;font-size:14px;}
看一下效果：
Source Code to Run [www.52css.com][ 可先修改部分代码 再运行查看效果 ]
分享到：
发表评论
-
有关滚动条Scroll样式的设置
2008-08-07 17:02 31431.overflow内容溢出时的设置（设定被设定对象是否显示滚 ... -
两个文件改变网站流量
2008-08-01 14:49 969用两个文件，用js 改变网站流量 url_1.html 代 ... -
div 超出的文字以省略号显示
2008-07-24 21:36 1793div { overflow:hidden; ... -
css中如何使div居中(垂直水平居中)
2008-07-16 11:48 3874css中如何使div居中(垂直水平居中) 2007-01-12 ... -
CSS在页面布局中实现div垂直居中的方法总结
2008-07-16 08:56 2580CSS在页面布局中实现div垂直居中的方法总结 2008年07 ... -
css控制div自动换行
2008-07-16 08:56 5192自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字 ... -
网页颜色搭配精选十例
2008-07-10 03:43 2951颜色的使用在网页制作 ... -
网页制作傻瓜工具集锦
2008-07-10 03:42 1849初学网页制作时,往往觉 ... -
五彩缤纷建网页（5）网页色彩配色软件
2008-07-10 03:39 10751．ColorWiz (国外) 超媒体置标语言（HTML） ... -
不间断连续图片滚动效果的制作方法
2008-07-10 03:35 2938以前我们站点也介绍过 ... -
图片的连续滚动
2008-07-10 03:28 811<html><head></he ... -
HTML各个元素对搜索引擎的权重比例
2008-07-09 13:10 829HTML各个元素对搜索引擎 ... -
css教程–十步学会用css建站(全)
2008-07-03 12:57 1428css教程–十步学会用css建站(全) 关键字: css教程 ... -
div 、ul、li 动态生成table (2)
2008-06-24 16:49 1614/// <summary> /// ... -
div 、ul、li 动态生成table
2008-06-18 13:45 2362public string GenerateTable(int ... -
5款纯div+css制作的弹出菜单(标准且无js)
2008-06-16 13:01 18825款纯div+css制作的弹出菜单(标准且无js) 一、最 ... -
Js字符串操作函数大全
2008-06-11 15:59 9101Js字符串操作函数大全 Js字符串操作函数大全 /***** ... -
JS实现局部打印和预览
2008-05-27 13:59 6246JS实现局部打印和预览： 第一种： JS 实现简单的页面局部 ... -
前台开发使用工具集合
2008-05-09 08:45 3838前台开发使用工具集合 1。 Fiddler一个很强大 ... -
获取页面请求参数的JS脚本
2008-04-17 13:11 3607//获取指定请求参数的值function getParamet ...
相关推荐
本文介绍了如何使用`<dl>`、`<dt>`和`<dd>`元素结合CSS来模拟表格布局。`<dl>`代表定义列表（Definition List），`<dt>`用于定义术语或名词（Definition Term），而`<dd>`则用于描述或定义这些术语（Definition ...
- 通过 `<dl>`, `<dt>`, `<dd>` 标签组织了迅雷下载链接的信息，这些标签常用于定义描述列表。 综上所述，这个网页设计实例不仅包含了丰富的HTML结构，还涉及到了CSS和JavaScript的基本运用，是一个非常适合初学者...
- **页面种类**：包含了多个页面，每个页面都有不同的内容和功能，如首页、产品列表页、详情页等，这有助于学生理解不同类型的网页设计和制作流程。 - **元素使用**：除了基本的文本和图片元素外，还包含了一些高级...
代码实例之纯CSS代码实现翻页效果 在本篇文章中，我们将探索如何使用纯CSS来实现翻页效果。翻页效果是网页中非常常见的交互效果，它可以提高用户体验和网站的可用性。在本例中，我们将使用CSS来实现翻页效果， 无需...
此外，`<dl>`、`<dt>`和`<dd>`组合用于定义列表，常用于术语解释。 8. **表格**：`<table>`、`<tr>`（行）、`<th>`（表头单元格）和`<td>`（数据单元格）用于创建表格。`<caption>`添加表格标题，`<colgroup>`和`...
在布局方面，常见的局部结构有Div-ul-li、Div-dl-dt-dd、Table-tr-td以及Form-table-tr-td，分别适用于导航、图文混编、数据展示和表单布局。CSS引入有三种方式：行内样式（直接在HTML元素中定义）、内部样式（在中...
... ...它通过一系列的标签来组织网页内容，并使其...这个实例展示了如何使用基本标签来构建文档结构，并使用格式化标签来展示文本和列表等内容。通过这些基础知识的学习，你可以开始创建简单的网页并逐步深入HTML的学习。
- `<dl>`：定义列表，`<dt>`定义术语，`<dd>`定义解释。 5. HTML表单 用于收集用户输入，主要涉及`<form>`、`<input>`、`<textarea>`、`<select>`和`<option>`等标签。`<input>`标签可以有不同的类型，如text...
在本实例中，我们讨论如何使用jQuery来创建一个简单的折叠菜单，这种菜单也被称为折叠面板。这个效果允许用户点击菜单项来展开或隐藏相关内容，从而提高网页的交互性和用户体验。以下是如何实现这一功能的关键点： ...
首先，HTML部分定义了页面结构，包含一个`<div>`元素，其ID为"marquee"，它包裹着一个`<dl>`列表，列表中包含一个`<dt>`和一个空的`<dd>`。`<dt>`用于存放原始内容，而`<dd>`用于存放复制的内容，以便于实现滚动效果...
`<dl>`、`<dt>`和`<dd>`则用于定义描述列表。 在布局方面，`<div>`标签是块级元素，常用于组合其他元素或作为CSS布局的基础。而`<span>`是内联元素，用于在行内应用样式或组合文本。 HTML5引入了一些新的元素，...
5. **列表类型**：讲解无序列表`<ul>`和`<li>`，有序列表`<ol>`和`<li>`，以及定义列表`<dl>`、`<dt>`和`<dd>`的用法。 6. **表格**：解释如何创建和格式化`<table>`，`<tr>`，`<th>`，`<td>`等标签，用于数据展示...
`<dl>`、`<dt>`和`<dd>`用于创建定义列表，常用于术语解释。 七、容器与布局 `<div>`是通用的块级元素，常作为内容分组和布局控制的容器。配合CSS，可以实现更复杂的页面布局。`<span>`则是内联元素，用于在行内...
`<dl>`、`<dt>`和`<dd>`用于定义列表。 4. **图像**：`<img>`标签用于插入图片，其`src`属性指定图像的URL，`alt`属性提供替代文本。 5. **表格**：`<table>`、`<tr>`（行）、`<td>`（数据单元格）和`<th>`（表头...
- `<dl>`定义定义列表，`<dt>`为术语，`<dd>`为解释。 5. **区块元素与内联元素**： 区块元素如`<div>`、`<p>`会占据整行宽度，而内联元素如`<span>`、`<a>`只占据内容的宽度。通过CSS，可以调整元素的显示方式。...
为了实现下拉效果，我们需要编写CSS样式来控制这些元素的外观和布局： ```css .dropdown { position: absolute; top: 50%; transform: translateY(-50%); } .dropdown dd, .dropdown dt { margin: 0px; ...
`<dl>`、`<dt>`和`<dd>`则用于定义描述列表。 6. HTML表单：`<form>`元素用于创建表单，`<input>`用于各种输入类型（文本、密码、复选框等），`<select>`和`<option>`用于下拉列表，`<textarea>`用于多行文本输入，...
`<dl>`、`<dt>`和`<dd>`用于定义列表。 5. **表格**：`<table>`创建表格，`<tr>`定义行，`<th>`定义表头单元格，`<td>`定义常规单元格。`<caption>`添加表格标题，`<colgroup>`和`<col>`用于表格列的样式。 6. **...
`<dl>`、`<dt>`和`<dd>`则用于定义描述列表。 8. 链接样式：通过CSS（Cascading Style Sheets）可以实现对HTML元素样式的控制。`<style>`标签可直接在文档中定义样式，或者使用`<link>`引入外部CSS文件。选择器如`...