箪箪汰郎 - 博客园

2011年10月13日

摘要：表格除了显示数据外，还常常被用来排版。表单作为与用户交互的窗口，时刻扮演着信息获取和反馈的角色。6.1 控制表格6.1.1 表格中的标记在<table>标记中除了使用了border属性勾勒出表格的边框外，还使用了summary属性。该属性的值用于概括整个表格的内容，在用浏览器浏览页面时，他的效果是不可见的，但对搜索引擎等十分重要。<caption>标记的作用跟它的名称一样，就是表格的大标题，该标记可以出现在<table>与</table>之间的任意位置，不过通常习惯放在第一行，及紧接着<table>标记。<caption> 阅读全文

posted @ 2011-10-13 09:54 箪箪汰郎阅读(3309) 评论(0) 推荐(0) 编辑

2011年10月10日

超级漂亮的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=iso- 阅读全文

posted @ 2011-10-10 15:13 箪箪汰郎阅读(322) 评论(0) 推荐(0) 编辑

下拉菜单的制作

摘要： <!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- 阅读全文

posted @ 2011-10-10 15:11 箪箪汰郎阅读(124) 评论(0) 推荐(0) 编辑

不使用图像的圆角菜单

摘要： <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>不使用图像的圆角菜单</title><style type="text/css">ul{height:26px;margin:0;padding:10px;list-style-type:none;background:#ddd;}.item{float:left;width:100px;m 阅读全文

posted @ 2011-10-10 15:10 箪箪汰郎阅读(138) 评论(0) 推荐(0) 编辑

三状态玻璃效果菜单

摘要： <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>三状态玻璃效果菜单</title><style type="text/css">#menu ul{font-family:Arial;font-size:14px;padding:0 0 0 8px;margin:0 auto;list-style:none;height:35px;whit 阅读全文

posted @ 2011-10-10 15:09 箪箪汰郎阅读(159) 评论(0) 推荐(0) 编辑

2011年9月29日

div+css:表格边框间距属性border-spacing

摘要：表格边框间距属性(border-sapcing)用来定义表格中独立边框之间的间距。在表格边框间距属性中，使用的属性值是长度值。其语法如下所示。border-spacing：length;****************************************************************注意：当在表格边框合并属性中使用合并显示值(collapse)的时候，使用表格边框间距属性将不起作用。IE浏览器并不支持表格边框间距属性，只有在Firefox等浏览器中，才能够显示出间距的正常效果。******************************************** 阅读全文

posted @ 2011-09-29 09:59 箪箪汰郎阅读(3410) 评论(0) 推荐(0) 编辑

div+css:表格边框合并属性border-collapse

摘要：表格边框合并属性(border-collapse)用来定义表格中边框是独立显示还是合并显示。在边框合并属性中，使用的属性值有两个：分别为separate和collapse。其语法结构如下所示。border-collapse:separate|collapse;其中各个属性值的含义如下所述。● separate:定义表格边框独立显示。● collapse:定义表格边框合并显示。范例：一个使用表格边框合并属性的实例其代码如下所示。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http 阅读全文

posted @ 2011-09-29 09:58 箪箪汰郎阅读(5355) 评论(0) 推荐(0) 编辑

相对定位元素位置的确定

摘要：在确定相对定位元素位置的时候，首先要确定元素的原始位置，即元素在文档中的位置。然后根据边偏移属性中定义的偏移值，确定元素的最终位置。范例：一个在元素中使用相对定位属性的实例其代码如下所示：<!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">& 阅读全文

posted @ 2011-09-29 09:57 箪箪汰郎阅读(278) 评论(0) 推荐(1) 编辑

CSS原理与CSS经验分享之杂谈

摘要：写CSS的人很多，简单的看看52CSS上面的教程，很快就可以上手了，简单而方便。只要你熟悉一些基本的属性，参考52CSS.com上的实例，基本上布局一个页面是没有太大的困难的。不过很多人用了很久的css却从来也不知道css是怎么去工作的，写出来的css浏览器是怎么样去解析的呢？所以往往在一定阶段之后，就变成了进一步提高css水平的一个瓶颈。我将从以下进行分析。一、浏览器的发展与CSS 网页浏览器主要通过HTTP协议连接网页服务器而取得网页，HTTP容许网页浏览器送交资料到网页服务器并且获取网页。目前最常用的HTTP是HTTP/1.1，这个协议在RFC2616中被完整定义。HTTP/1.1有其. 阅读全文

posted @ 2011-09-29 09:50 箪箪汰郎阅读(152) 评论(0) 推荐(0) 编辑

2011年9月26日

教你如何巧妙的运用CSS改变鼠标的样式

摘要：用惯了Windows的人对各种各样的鼠标样式一定不会陌生。当鼠标移动到不同的地方时，当鼠标执行不同的功能时，当系统处于不同的状态时，都会使鼠标的形状发生变化。而在网页上往往只有当鼠标在超级链接上时才出现一个手形，在其它地方似乎没有什么变化，同充满动感的网页显得不怎么和谐。实际上，用CSS可以方便地定义许多种鼠标形状。用本文介绍的方法，可以在网页的作何地方设置鼠标的不同样式。在Dreamweaver中设置手形鼠标样式效果的制作步骤： 1、按F7(或点击快速启动栏里那个象“八卦图”似的图标)，调出CSS面板，选择“none”，再点击面板下部的编辑图标，在弹出的“Edit Style Shee.. 阅读全文

posted @ 2011-09-26 10:04 箪箪汰郎阅读(424) 评论(0) 推荐(0) 编辑