XHTML+CSS
关注
分享
扫一扫
AppleBBS
Hello.
展开
-
CSS控制页面展开/关闭
代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> CSS控制页面展开/关闭 .expanded {原创 2005-10-26 11:07:00 · 3347 阅读 · 0 评论 -
一个不错的CSS模拟的按钮效果
代码如下： <!--.btnOFF{padding:3px;border:1px outset;cursor:pointer;background-color: green;width:100px;height:16px;text-align:center;}.btnON{padding:3px;border:1px inset;background-color: #CCCC33;wi原创 2005-06-04 00:29:00 · 1911 阅读 · 0 评论 -
input高级限制级用法
1.取消按钮按下时的虚线框 在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容 在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) INPUT style=behavior:url(#default#savehistory); type=text id=o原创 2005-10-24 16:37:00 · 1949 阅读 · 0 评论 -
用Web标准进行开发
用Web标准进行开发建议与好的实例原作：Roger Johansson, 456 Berea Street (翻译：x5, x5studio) Last updated 2005-01-15 There is also an English vision English. 内容简介 历史 Web 标准 结构和表现 （X）HTML（可扩展超文本置标语言） CSS（层叠式样式表） 可访问性 URLs（原创 2005-05-26 11:54:00 · 3427 阅读 · 1 评论 -
Alt属性和Title属性
原文：http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/ 翻译：JunChen首发：http://blog.handsbrain.com/junchen/archive/2005/05/21/3355.aspx 版权：本文版权归译者Junchen所有，转载请先联系译者。 当浏览器卖主扭曲了标准并且自顾原创 2005-05-25 23:21:00 · 2360 阅读 · 0 评论 -
符合WEB标准的下拉导航菜单（CSS菜单）
代码如下： <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">css菜单演示<!--*{margin:0;padding:0;border:0;}body {原创 2005-05-25 22:58:00 · 1881 阅读 · 0 评论 -
网页设计师怎么改善现有网站
我们大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方式来建立网站。学习使用XHTML+ CSS的方法需要一个过程，使现有网站符合网站标准也不可能一步到位。最好的方法是循序渐进，分阶段来逐步达到完全符合网站标准的目标。如果你是新手，或者对代码不是很熟悉，也可以采用遵循标准的编辑工具，例如Dreamweaver MX 2004，它是目前支持CSS标准最完善的工具。1．初级改善为页面添加原创 2005-05-21 14:27:00 · 1592 阅读 · 0 评论 -
网页标准常见问题
1: 怎样才是符合web标准?简单说就是不用HTML+table来设计页面，改用XHTML+CSS来实现。2: 怎样是代码校验?代码校验就是检查你制作好的页面是否完全符合web标准。通常可以到W3C的网站去校验。3：什么是DocType,有什么用?DOCTYPE是document type(文档类型)的简写，用来说明你的网页是什么标识语言(XHTML或者HTML)是什么版本。4：我应该使用是么样的原创 2005-05-21 14:24:00 · 1978 阅读 · 0 评论 -
房间出租[安东小区(非中介）]（已租出，勿扰）
出租形式合租 物业区域 长宁 物业类型 纯住宅 摘要地址 上海市长宁区安顺路181弄44号401室 [查看地图和路线] 详细地址 上海市长宁区安顺路181弄44号401室 房型 2 室 0 厅 1 卫 座向 北 楼层 第 4 / 6 房龄 10年 产权 使用权 建筑/可用面积40/ 0 平方米 价格500 元/月 支付方式付二押一/ 装修情况一原创 2005-09-25 09:56:00 · 2591 阅读 · 0 评论 -
CnBlogs.Com用到的CSS控制的代码折叠功能测试
代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> CnBlogs.Com用到的CSS控制的代码折叠功能测试原创 2005-10-26 11:53:00 · 2619 阅读 · 1 评论 -
CSS网页制作时实现自动换行的小技巧
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！ 对于div 1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。#wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:20转载 2006-05-16 15:25:00 · 2144 阅读 · 0 评论 -
仿淘宝网站的TabPage导航效果
代码如下: 仿淘宝网站的导航效果<!--* {margin: 0; padding:0}body {margin-top: 10px;margin-right: auto;margin-bottom: 10px;margin-left: auto;text-align: center;height: auto;width: aut原创 2006-05-16 16:53:00 · 2543 阅读 · 0 评论 -
中国泰山-Http://54TaiShan.Cn
中国泰山官方网站：Http://54TaiShan.Cn中国泰山, 中国著名摇滚歌手, 摇滚泰山, 猛男泰山, 歌王泰山, 泰山, 54TaiShan.Cn中国泰山演出照片集锦原创 2009-01-18 16:01:00 · 2789 阅读 · 0 评论 -
灰色星期一,网站变灰白风格CSS代码
根据国务院文件，5.19-5.21为全国哀悼日，在此期间，全国和各驻外机构下半旗志哀，停止公共娱乐活动，外交部和我国驻外使领馆设立吊唁簿。5月19日14时28分起，全国人民默哀3分钟，届时汽车、火车、舰船鸣笛，防空警报鸣响。为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。1.支持的标准协议为：请用：body { filter:progid:DXImageTransform.M原创 2008-05-19 22:11:00 · 1598 阅读 · 0 评论 -
我的eWork，我能赚钱的SOHO空间
我的eWork，我能赚钱的SOHO空间 我的职业时刻都要和电脑打交道，一次偶然的机会发现了一个叫“猪八戒”的网站www.zhubajie.com，上面提供了很多现金悬赏付酬方式的兼职工作机会。于是，我报着尝试的心态，注册成为了一个在家就能兼职的“威客”。自从猪八戒网推出“eWork工作室”后，最近的我是越来越忙了。每天除了上班，剩下的时间全都用来处理一堆应接不暇的兼职工作。“eWo原创 2008-03-17 18:04:00 · 2398 阅读 · 0 评论 -
Building High Performance HTML Pages
Building High Performance HTML PagesThe Internet, intranets, and extranets carry millions of packets of data. Today, many of those packets contain HTML.The features delivered with Microsoft In转载 2007-05-19 16:12:00 · 2429 阅读 · 0 评论 -
加快 DHTML 的一组技巧
Mark DavisMicrosoft Corporation摘要：本文说明了某些 DHTML 功能对性能的重大影响，并提供了一些提高 DHTML 页面性能的技巧。目录简介成批处理 DHTML 更改使用 innerText使用 DOM 添加单个元素扩展 SELECT 元素中的选项用 DOM 更新表编写一次，使用多次请勿过多使用动态属性数据绑定很有效不要在 document 对象中设置转载 2007-05-19 15:57:00 · 2112 阅读 · 0 评论 -
单元格颜色渐变的GridView
代码如下: 单元格颜色渐变的GridView<!--body{margin-top:0; margin-left:0; margin-right:0; margin-bottom:0}.stylemenu{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold原创 2006-12-30 16:25:00 · 2268 阅读 · 0 评论 -
XML分页
代码如下: [Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]转载 2006-08-13 01:57:00 · 2210 阅读 · 0 评论 -
CSS 3D House
代码如下: CSS House (3D Border Demo 2) by Chris Hester/* Thanks to Big John for repeated testing in IE5/Win! *//* http://positioniseverything.net */* {font-family:Verdana, Arial, Helveti转载 2006-05-15 23:30:00 · 1848 阅读 · 0 评论 -
新浪搜索TabPage
代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">新浪搜索TabPagetable,form,img{border:none;padding:0 0原创 2006-09-29 21:58:00 · 2136 阅读 · 1 评论 -
[转帖]学习使用XHTML的12天
前言大家好！这个系列文章是按转自网友阿捷编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧。第一天开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。查看本站首页原代码，可以看到第一行就是： 打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，设计原创 2005-08-21 20:04:00 · 6484 阅读 · 0 评论 -
document 和 document.all 分别什么时候用
body> div id="aa">123456div> input type="button" value="这里用 document 就出错" onclick="alert(document.aa.innerText);" /> br /> input type="button" value="这里用 document.all 就不出错" onclick="alert(document.all原创 2005-04-09 14:55:00 · 1555 阅读 · 0 评论 -
AcessKey的使用
标识有两个属性，一个是FOR，一个是ACCESSKEY。FOR的意思是，这个Lable是为哪个元件服务的？而ACCESSKEY则定义了访问这个元件的热键。比如，我们有一个名字叫Name的单行输入框，我们是这样定义这个元件的：，那么，我们的可以如此定义：姓 名（N）：。大家可以看见，这个是为那个ID为“Name”元件服务的，而ACESSKEY则定义了，这访问这个元件的热键为“Alt+N”。 代码如原创 2005-04-09 14:56:00 · 1500 阅读 · 0 评论 -
深入透析样式表滤镜
样式表是一种为超文本标签语言提供增强补充服务的技术，可对每一个html的标签做精雕细刻的修饰。只用html制作的网页，对页面内各部分的修饰能力有限且语句烦锁，样式表正是弥补这一缺陷的有力技术，它语句文法简单，只要在源码中插入style语句就可轻易实现页面内任意文本颜色、背景、边框、行距、字距的添删和修饰等功能，使网页更加生动活泼，从而获得满意的效果。当然，样式表的强大还依靠的就是它的滤镜功能。原创 2005-01-27 23:21:00 · 1521 阅读 · 0 评论 -
在HTML网页中巧用URL
首先，先放出一个地址给大家测试http://cnbruce.com/test/htmlpro/?name=cnbruce&email=cnbruce@126.com 1，时下流行的（可能是吧，因为最近问的人比较多）就是没有任何文件名的URL地址。比如htmlpro/?其实这和服务器设置的默认文件名有关，比如index.htm，index.html，index.asp等等，不信你试试我朋友的一个（a原创 2005-01-27 22:19:00 · 1988 阅读 · 0 评论 -
Dreamweaver技巧精粹
1.解决表格紧贴左上方的问题 方法一：Ctrl+J，弹出Page Properties，将Left, Top, Margin Width, Margin Height 全部设为0。方法二：把下面一段代码加到你的中topmargin="0" leftmargin="0"方法三：方法二中只适用于IE，如果让其也适用NETSCAPE加入下面代码 2.在DW中将图设为透明alpha设置例： css原创 2005-01-18 22:23:00 · 1913 阅读 · 0 评论 -
表单特殊输入处理收集
只能是写限定的东西 代码如下:ENTER键可以让光标移到下一个输入框 只能是中文 只能是英文和数字.屏蔽了输入法 只能输入英文和数字 只能是数字只能显示，不能修改的文本框只能是数字,判断按键 代码如下:function onlyNum(){if(!((event.keyCode>=48&&event.keyCode=96&&event.keyCodeevent.returnValu原创 2005-01-26 00:27:00 · 2044 阅读 · 1 评论 -
表格各种特殊效果代码
用Hotmail的时候注意下，就是这个效果,代码如下:.row {BACKGROUND-COLOR: expression(rowIndex%2==1?:#F5F5F5)}Body {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,sans-serif;LINE-HEIGHT: 150%;}Td {FONT-SIZE: 12px; FONT-FAMI原创 2005-01-26 00:10:00 · 1639 阅读 · 0 评论 -
利用CSS实现竖排文字文字效果
竖排文字 .tnt { Writing-mode: tb-rl; Text-align: left; font-size: 9pt; line-height: 50px; } 确实，在表现文字的竖排在文字处理办公软件中非常容易就可以实现。由于这种效果在网页制作中并不多见，所以这个问题的讨论比较少。但是在制作具有中国古代特色的网站，如文字历史、书法、名胜原创 2005-01-23 21:45:00 · 3913 阅读 · 4 评论 -
DHTML实例解析：模拟Windows选项卡
整个“面板”的样式实现 或许，我们首先关心的是整个能看到的样子是怎么实现的。其实就是一个表格，通过用CSS设置表格及单元格的边框以及背景色实现的，我们可以看一下CSS代码： .sec1 { background-color: #EEEEEE; cursor: hand; color: #000000; border-left: 1px solid #FF原创 2005-01-08 00:46:00 · 1398 阅读 · 0 评论 -
40种网页常用小技巧(JavaScript)
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址栏前换成自己的图标6. 可以在收藏夹中显示出你的图标原创 2005-01-03 18:54:00 · 1329 阅读 · 0 评论 -
CSS效果的隐藏/显示型菜单
if (!document.getElementById) document.getElementById = function() { return null; }function initializeMenu(menuId, actuatorId) { var menu = document.getElementById(menuId); var actuator = d原创 2005-01-02 00:14:00 · 1916 阅读 · 0 评论 -
使用标签〈base〉
使用标签最主要的原因，是为了确保文档中所有的相对URL都可以被分解成正确的文档地址，即使在文档本身被移动或重命名的情况下也可以正确解析。在创建文档集合时，使用标签尤为重要。通过在每个文档中放置正确的标签，就可以在目录甚至服务器之间移动整个文档集合，而不会破坏文档中任何链接。如果想要让用户查询指向一个与主文档URL不同的URL，那么也需要为可搜索文档（）使用标签。当文档同事包含标签和其他相对URL时原创 2005-01-22 17:23:00 · 2232 阅读 · 0 评论 -
最全的HTML特殊字符列表
Nonbreaking space ¡ ¡ ¡ Inverted exclamation ¢ ¢ ¢ Cent sign £ £ £ Pound sterling ¤ ¤ ¤ General currency sign ¥ ¥ ¥ Yen sign ¦ ¦原创 2005-01-25 09:12:00 · 5278 阅读 · 3 评论 -
让人跌眼镜的Marquee用法
Marquee都会用，嵌套的Marquee你试过？来字经典论坛的沧海水朋友着实让人大跌眼镜:D屏幕保护效果:MARQUEE再来个参数behavior="alternate" scroll：Marquee 根据 direction 设置的方向滚动，文本滚到头以后再重头开始，这是默认值。. alternate：Marquee 的内容到达容器的边缘后又按照相反的方向滚动回来，周而复始，形成周期slid：原创 2005-01-26 00:13:00 · 1761 阅读 · 0 评论 -
检测系统颜色与使用字体
提示:下面的例子分别显示了如何获得用户Window的颜色 你的设置使用名称描述activeborder活动窗口的边框activecaption活动的标题栏appworkspace应用程序背景background桌面buttonface按钮表面buttonhighlight按钮高光buttonshadow按钮阴影buttontext按钮字体captiontext标题字体graytext灰色文字hig原创 2005-04-09 14:54:00 · 1644 阅读 · 0 评论 -
可嵌入到网页的实用查询代码
代码如下: 流行的可嵌入到网页的实用工具，请大家补充和跟贴！！请输入IP： <INPUT maxLength=25 name=textfield> <iframe marginWidth=0 marginHeight=0 src="http://hi.www.net.cn/hi/265/265.html" frameBorder=0 width="500" sc原创 2005-07-17 02:43:00 · 1983 阅读 · 0 评论 -
译自MSDN非常详细的IMG,IFRAME的属性参考手册
I 元素 | i 对象 IMG 元素 | img 对象 DHTML 对象 IFRAME 元素 | iframe 对象 -------------------------------------------------------------------------------- 创建内嵌浮动框架。 成员表 下面的表格列出了 iframe 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型原创 2005-07-17 18:21:00 · 2065 阅读 · 0 评论 -
iframe 的自适应高度
实现 iframe 的自适应高度，能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象。源代码如下//** iframe自动适应页面 **////输入你希望根据页面高度自动调整高度的iframe的名称的列表//用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"]，可以只有一个窗体，则不用逗号。//定义iframe的I原创 2005-02-26 23:51:00 · 2304 阅读 · 0 评论