HTML/CSS - 随笔分类 - 钢钢

两个横向菜单栏示例

摘要：菜单栏示例一：菜单源代码<!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 阅读全文

posted @ 2011-11-15 22:05 钢钢阅读(3198) 评论(0) 推荐(0) 编辑

一个在HTML 中播放Flash 的示例

摘要：首先，创建一个独立的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=\ 阅读全文

posted @ 2011-03-19 14:11 钢钢阅读(7194) 评论(3) 推荐(3) 编辑

关于XHTML 以及如何让网站通过W3C 标准

摘要：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 是一种更规范网页写法的. 阅读全文

posted @ 2011-02-23 18:17 钢钢阅读(2089) 评论(4) 推荐(1) 编辑

语义化你的HTML 标签[转]

摘要：作为一个前端开发人员，你要是没有听说过css，那你肯定是一个“out-man”。随着css的深入人心，结构与表现与行为的逐渐分离，HTML语义化成了炙手可热的卖点。语义化的HTML首先要强调HTML结构一个网页就好像一幢房子，HTML结构就是钢筋混泥土的墙，一幢房子如果没有钢筋混泥土的墙那就是一堆废砖头，也就称不上是房子了。CSS是装饰材料，是油漆，是用来装饰房子的。C... 阅读全文

posted @ 2010-10-21 14:29 钢钢阅读(997) 评论(1) 推荐(0) 编辑

关于CSS 3 及浏览器兼容性问题

摘要：CSS 3 标准随着AJAX 及jQuery 的出现，CSS 也在不断地自我完善。 CSS 3 吸取了多年来Web 发展的需求，提出了很多新颖的CSS 特性。例如：CSS 3 中的圆角矩形 border-radius 属性（但在IE 浏览器中无效）。 <html> <head> <title>圆角矩形</title> <style t... 阅读全文

posted @ 2010-10-14 12:52 钢钢阅读(1475) 评论(0) 推荐(0) 编辑

CSS 的优先级机制[总结]

摘要：样式的优先级多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况。一般情况下，优先级如下：（外部样式）External style sheet <（内部样式）Internal style sheet <（内联样式）Inline style有个例外的情况，就是如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。... 阅读全文

posted @ 2010-09-24 10:30 钢钢阅读(151008) 评论(10) 推荐(29) 编辑

使用 data URI scheme 在网页中内嵌图片[转]

摘要：data URI scheme 允许我们使用内联（inline-code）的方式在网页中包含数据，可以在Html、CSS、Javascript 等中使用。 data URI scheme 经常用来将图片嵌入网页，使用如下： <img alt="鹤冲天的头像（您的浏览器不支持 data URI scheme，图片无法显示）"src="data:image/jpeg;base64,/9j/4AA... 阅读全文

posted @ 2010-09-14 17:38 钢钢阅读(1997) 评论(3) 推荐(0) 编辑

HTML 中表格table 的相关知识

摘要：<table>标签中比较少见的属性和子标签：summary 属性：用于概括整个表格的内容。它对于搜索引擎的机器人记录信息十分重要。bordercolor 属性：用来设置表格边框的颜色。但它在不同的浏览器下显示的效果不一致。（不推荐使用bordercolor 属性，而推荐使用CSS 样式表的border 属性来进行设置）cellspacing 属性：用来设置表格的单元格之间的间距。 ... 阅读全文

posted @ 2010-08-11 14:37 钢钢阅读(12792) 评论(19) 推荐(7) 编辑

使用CSS 排版网页布局

摘要：代码如下： <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... 阅读全文

posted @ 2010-08-07 15:20 钢钢阅读(1318) 评论(1) 推荐(0) 编辑

JavaScript 制作带自动提示的文本框

摘要：示例一：直接编写AJAX 实现。客户端：9-10.htmlCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3... 阅读全文

posted @ 2010-08-07 14:39 钢钢阅读(2982) 评论(2) 推荐(0) 编辑

使用CSS 制作导航菜单

摘要：方式一：直接编写代码实现代码如下： <html> <head> <title>无需表格的菜单</title> <style> <!-- body{ background-color:#ffdee0; } #navigation{ width:200px; font-family:Arial; } #navigationul{ lis... 阅读全文

posted @ 2010-08-07 13:48 钢钢阅读(1583) 评论(0) 推荐(0) 编辑

CSS 层叠样式表命名参考

摘要：命名参考页面结构类描述下划线命名骆驼式命名参考命名面板 dashboard 容器 container container 页头 header header 内容 content content container 外围控制 wrapper wrapper wrap 页面主体 main main 栏目 column column - 宽栏目 wide_column wideColumn ... 阅读全文

posted @ 2010-07-29 17:45 钢钢阅读(1513) 评论(1) 推荐(1) 编辑

简明网页设计理念[转]

摘要：（一）网页配色基本概念（1）白纸黑字是永远的主题，谁都说不出不好来。（2）网页最常用流行色兰色——蓝天白云，沉静整洁的颜色。绿色——绿白相间，雅致而有生气。橙色——活泼热烈，标准商业色调。暗红——宁重、严肃、高贵，需要配黑和灰来压制刺激的红色。（3）颜色的忌讳忌脏——背景与文字... 阅读全文

posted @ 2010-07-03 15:28 钢钢阅读(714) 评论(2) 推荐(0) 编辑

浅谈CSS 选择器

摘要：A标签HTML 选择器[代码]B 类别CLASS 选择器 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<styletype="text/css">.hongkong{color:blue;}.hunang{color:red;}<... 阅读全文

posted @ 2010-06-20 10:39 钢钢阅读(703) 评论(2) 推荐(0) 编辑

关于XML中的名称空间

摘要：XML中的名称空间又被叫做命名空间。名称空间的作用？为了解决不同领域的XML词汇的同名冲突和区分识别。（参考底下的示例）注意：名称空间只存在逻辑意义，无法真正实现对URI的引用。名称空间的声明：放在元素（一般是根元素）的起始标签内，以类似属性的形式声明。名称空间的声明将名称前缀和URI关联起来。名称空间的作用范围：只在声明名称空间的元素以及该元素所包含的元素和属性内有效。... 阅读全文

posted @ 2010-02-26 16:08 钢钢阅读(4755) 评论(0) 推荐(1) 编辑

《高性能网站建设指南》笔记

摘要：查看网站排名 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... 阅读全文

posted @ 2009-12-10 11:53 钢钢阅读(2208) 评论(2) 推荐(3) 编辑

提高网站性能之 —— 如何对待JavaScript

摘要：在一个页面中，每一个外部JavaScript 及CSS文件都会导致一个额外的HTTP请求。所以，如何合理的合并JavaScript 文件及CSS文件也是前端工程师应该考虑的。尤其是JavaScript 文件，在下载它时，并行下载实际上是被禁用的，并且还会阻塞页面的呈现！关于JavaScript 的下载在下载JavaScript 脚本文件时，浏览器不会并行启动其它下载，而是让JavaScript 脚本文件单独下载完毕后，再继续其它请求。这将对页面的整体性能是一个很大的问题，解决方案如下：解决方案1：将JavaScript 脚本内联在页面中，即直接将JavaScript 脚本写在HTML标签中。阅读全文

posted @ 2009-10-31 13:40 钢钢阅读(3835) 评论(8) 推荐(3) 编辑

XuGang

随笔分类 - HTML/CSS