摘要:菜单栏示例一:菜单源代码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><scripttype="text/javascript"src="http://ajax.googleapis.com
阅读全文
摘要:首先,创建一个独立的JavaScript 文件(如:flash.js)用于添加Flash 播放器。代码如下:functionCreateFlash(idad,swfurl,wad,had,vs){varstr="<objectclassid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\"codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0\"width=\
阅读全文
摘要:1、XHTML 是什么? XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language)。 XHTML 的目标是取代 HTML。 XHTML 与 HTML 4.01 几乎是相同的。 XHTML 是更严格更纯净的 HTML 版本。 XHTML 是XML 的一种应用,用来重新定义HTML。 XHTML 符合W3C 标准。 2、XHTML 与HTML 的区别 XHTML 是相比较于HTML 拥有更多规则的超文本标记语言。比如:HTML 可以忽略的错误(如:元素不关闭)等,在XHTML 里面是不准许的,将被指出错误。 XHTML 是一种更规范网页写法的.
阅读全文
摘要:作为一个前端开发人员,你要是没有听说过css,那你肯定是一个“out-man”。随着css的深入人心,结构与表现与行为的逐渐分离,HTML语义化成了炙手可热的卖点。语义化的HTML首先要强调HTML结构 一个网页就好像一幢房子,HTML结构就是钢筋混泥土的墙,一幢房子如果没有钢筋混泥土的墙那就是一堆废砖头,也就称不上是房子了。CSS是装饰材 料,是油漆,是用来装饰房子的。C...
阅读全文
摘要:CSS 3 标准 随着AJAX 及jQuery 的出现,CSS 也在不断地自我完善。 CSS 3 吸取了多年来Web 发展的需求,提出了很多新颖的CSS 特性。 例如:CSS 3 中的圆角矩形 border-radius 属性(但在IE 浏览器中无效)。 <html> <head> <title>圆角矩形</title> <style t...
阅读全文
摘要:样式的优先级多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。 一般情况下,优先级如下: (外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。...
阅读全文
摘要:data URI scheme 允许我们使用内联(inline-code)的方式在网页中包含数据,可以在Html、CSS、Javascript 等中使用。 data URI scheme 经常用来将图片嵌入网页,使用如下: <img alt="鹤冲天的头像(您的浏览器不支持 data URI scheme,图片无法显示)"src="data:image/jpeg;base64,/9j/4AA...
阅读全文
摘要:<table>标签中比较少见的属性和子标签:summary 属性:用于概括整个表格的内容。它对于搜索引擎的机器人记录信息十分重要。bordercolor 属性:用来设置表格边框的颜色。但它在不同的浏览器下显示的效果不一致。 (不推荐使用bordercolor 属性,而推荐使用CSS 样式表的border 属性来进行设置)cellspacing 属性:用来设置表格的单元格之间的间距。 ...
阅读全文
摘要:代码如下: <html> <head> <style type="text/css"> <!-- body{ margin:0px; font-size:13px; font-family:Arial; } #container{ position:relative; width:100%; } #banner{ height:80px; border:1...
阅读全文
摘要:示例一:直接编写AJAX 实现。客户端:9-10.htmlCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3...
阅读全文
摘要:方式一:直接编写代码实现代码如下: <html> <head> <title>无需表格的菜单</title> <style> <!-- body{ background-color:#ffdee0; } #navigation{ width:200px; font-family:Arial; } #navigationul{ lis...
阅读全文
摘要:命名参考 页面结构类 描述 下划线命名 骆驼式命名 参考命名 面板 dashboard 容器 container container 页头 header header 内容 content content container 外围控制 wrapper wrapper wrap 页面主体 main main 栏目 column column - 宽栏目 wide_column wideColumn ...
阅读全文
摘要:(一)网页配色基本概念(1)白纸黑字是永远的主题,谁都说不出不好来。(2)网页最常用流行色 兰色——蓝天白云,沉静整洁的颜色。绿色——绿白相间,雅致而有生气。橙色——活泼热烈,标准商业色调。暗红——宁重、严肃、高贵,需要配黑和灰来压制刺激的红色。(3)颜色的忌讳忌脏——背景与文字...
阅读全文
摘要:A标签HTML 选择器[代码]B 类别CLASS 选择器 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<styletype="text/css">.hongkong{color:blue;}.hunang{color:red;}<...
阅读全文
摘要:XML中的名称空间又被叫做命名空间。 名称空间的作用? 为了解决不同领域的XML词汇的同名冲突和区分识别。(参考底下的示例) 注意:名称空间只存在逻辑意义,无法真正实现对URI的引用。 名称空间的声明: 放在元素(一般是根元素)的起始标签内,以类似属性的形式声明。 名称空间的声明将名称前缀和URI关联起来。 名称空间的作用范围: 只在声明名称空间的元素以及该元素所包含的元素和属性内有效。...
阅读全文
摘要:查看网站排名 http://www.alexa.comHTTP规范 http://www.w3.org/Protocols/rfc2616/rfc2616.html对HTTP协议的学习,推荐看David Gourley、Brian Totty编著的《HTTP: The Definitive Guide》一书。绪言A下载缓存图片:一个图片的HTTP请求默认是一个条件GET请求(Conditional...
阅读全文
摘要:在一个页面中,每一个外部JavaScript 及CSS文件都会导致一个额外的HTTP请求。所以,如何合理的合并JavaScript 文件及CSS文件也是前端工程师应该考虑的。尤其是JavaScript 文件,在下载它时,并行下载实际上是被禁用的,并且还会阻塞页面的呈现!关于JavaScript 的下载在下载JavaScript 脚本文件时,浏览器不会并行启动其它下载,而是让JavaScript 脚本文件单独下载完毕后,再继续其它请求。这将对页面的整体性能是一个很大的问题,解决方案如下:解决方案1:将JavaScript 脚本内联在页面中,即直接将JavaScript 脚本写在HTML标签中。
阅读全文
摘要:在CSS中关于position定位的内容是:position: relative | absolute | static | fixed static(静态) 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。relative(相对定位) 对象不可层叠、不脱离文档流,参考自身静态位置通过 top,bottom,left,right 定位,并且可以通过z-index进行层次分级...
阅读全文
摘要:《Higb Performance Web Sites》(中文名:“高性能网站建设指南”)这本书对于前端工程师来说,绝对值得一读。本人有幸从公司借阅了,但不幸的是感觉翻译有点怪怪的。尤其是在翻译CSS Sprites的关键部分,让人不知所云。幸亏原理比较简单,所以没有造成障碍。^_^ 本人看书有做笔记、写示例、发牢骚的习惯,所以有了下文。个人备忘也罢,初学者入门也罢,反正赖...
阅读全文
摘要:热点地图 shape="rect" // 矩形 shape="poly" // 多边形 shape="circle" // 椭圆[代码]Flash使用Flash创建动画后,首先保存为.fla文件,然后以.swf格式导出该文件。在浏览器中有2中插件可以播放Flash动画:1. Netscape Navigator插件;2. ActiveX控件;在Dreamweaver制作网页中,使用embed标签(...
阅读全文