tsailer
- 浏览: 51555 次
- 性别:
- 来自: 深圳
-
文章列表
http://www.blueidea.com/tech/web/2009/6930.asp
我们来一起看看新的HTML5有什么新的特性和使用技巧吧。如果你对HTML5还不是很了解，那么下面这些内容可以帮你快速进阶。
1、新的doctype
还在用下面这个长的根本没法记住的doctype吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
display:
其值一般可为
none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block 行内块元素。（CSS2.1 新增的值）
visibility:
其值一般可为
visible 默认值。元素是可见的。
hidden 元素是不可见的。
visibility 属性规定元素是否可见。
提示：即使不可见的元素也会占据页面上的空间。请使用 "display" 属性来创建不占据页面空间的不可见元素。
js事件冒泡
<html>
<head>
<title>
阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）
</title>
<meta name="keywords" content="JavaScript,事件冒泡,cancelBubble,stopPropagation" />
<script type="text/javascript">
function doSomething (obj,evt) {
...
parent.$("#id");//jquery
parent.document.getElementById("#id");//js
<!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>
<title>new document</title>
<meta name="generator" cont ...
<!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>
<title> new document </title>
<meta name="generator&quo ...
<div style="float:right;right:0px;margin-right:6px;margin-top:2px;display:inline;border:1px solid red;">
<ul style="float:right;">
<li style="float:left;padding-top:4px;">1 </li>
<li style=&q ...
HTML DIV+CSS基础应用及举例
<dl></dl><dt></dt><dd></dd>
<dl></dl>用来创建一个普通的列表，<dt></dt>用来创建列表中的上层项目，<dd></dd>用来创建列表中最下层项目，<dt></dt>和<dd>< /dd>都必须放在<dl></dl>标志对之间。看一下下边的例子您就会明白了：
例2 创建一个普通列表
<htm ...
ps speed plaste
- 博客分类：
- UI
//first: ctrl+x
second:ctrl+v
//third:ctrl+d
fourth:移动工具v
fifth:shift+alt+ “← or →”
display the selection of picture plaste rapidly
pay attention:red words is useless.
<!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>
<title> new document </title>
<meta name="generat ...
<!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>
<title> new document </title>
<meta name="generator&quo ...
# window.event
* IE：有window.event对象
* FF：没有window.event对象。可以通过给函数的参数传递event对象。如 onmousemove=doMouseMove(event)
# 鼠标当前坐标
* IE：event.x和event.y。
* FF：event.pageX和event.pageY。
* 通用：两者都有event.clientX和event.clientY属性。
# 鼠标当前坐标(加上滚动条滚过的距离)
* IE：event.offsetX和event.offsetY。
...
var url="http://zhidao.baidu.com/question/193641504.html?name=tom&age=28";
function getName(url, name){
var firstarr = url.split("?");
var secarr = firstarr[1].split("&");
var thirdarr = [];
for(var i=0; i<secarr.length; i++){
thirdarr[i] = secarr[ ...
<!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>
<title> new document </title>
<meta name="generator&quo ...