HTML

boyssheng

浏览: 100815 次
性别:
来自: 北京

最近访客更多访客>>

whx208

xbyydt

meluan

梁小龙123

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

html

HTML JavaScript 浏览器

http://kb.cnblogs.com/a/368374/

<style type="text/css">
#similar {
background:transparent url(img/mask_bk.png) no-repeat scroll 0 0;
float:left;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
cursor:pointer; （变小手）
z-index:9999;
height:35px;
top:30px;
left:120px;
list-style:none;（列表前样式 li标签）
line-height:23px; （控制行高）
position:absolute; （进行绝对定位，层叠通过z-index属性定义）
left: expression(document.body.offsetWidth - 110 + "px"); （浏览器中显示的文档的宽度）
top: expression(document.body.offsetHeight - 110 + "px"); 
white-space:nowrap;（宽度）
padding:0 10px 0 8px;
}
</style>
style="text-decoration:none;" 去除a标签的下划线

div {word-break : break-all; } 编辑文字的切换
normal : 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行（切断英文）
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。切断所有
keep-all : 与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本 
display none : 隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间
block : 块对象的默认值。用该值为对象之后添加新行

<form>表单常用属性有以下几种:
name:用来标识这个表单,在javascript中可以通过 document.表单名来取得这个表单
action:表示这个表单提交时的跳转路径
method:表示提交方式,可以选择post和get,默认为get方式.两种方式的区别:
post:所有提交的参数都会隐藏,没有参数的大小限制,建议使用该方式
get:所有提交参数都会在地址栏显示,参数总量最大4-5K.不建议使用
enctype:表示表单的封装方式,只有在进行文件上传时才会使用,当执行文件上传时,必须将这个值设置为 enctype="multipart/form-data"
onsubmit:当表单提交时自动执行的javascript事件,一般在需要进行提交验证时使用.

表单中的常用控件:
<input type="text">:文本框,输入单行文本
<input type="password">:密码框,输入密码信息,所有输入的信息会隐藏显示
<input type="button">:普通按钮,一般用来完成javascript功能的
<input type="submit">:表单提交按钮,点此按钮提交表单
<input type="reset">:表单重置按钮,点此按钮表单中的数据回到填写之前.
<input type="radio">:单选按钮
<input type="checkbox">:多选按钮
<input type="file">:上传文件
<input type="hidden">:隐藏域,将一个值隐藏传递.
<input type="image">:功能和submit提交按钮相同,但可以显示图片.
<textarea></textare>:文本域,输入多行文本
<select>:下拉列表,需要结合option一起使用
<option>:通过该值为<select>设置选项

<table width=500 height=400 border=1 bordercolor=green>
	<tr>
		<td align="middle">
			<iframe width=100 height=200 name=main src=http://www.baidu.com></iframe>
		</td>
	</tr>
</table>

<html>
<head>
<title>随窗口大小改变可以上下左右滚动的表格</title>
</head>
<body> 
<table height="100%" width="100%" align="center"  style="table-layout: fixed; border-collapse: collapse"> 
    <tr> 
      <td> <div style=" overflow-x: auto; width: 100%; height: 10%"> 
          <table> 
              <tr> 
                <td nowrap>1111111111111111111111111111111</td> 
                <td nowrap>222222222222222222222222222222</td> 
                <td nowrap>333333333333333333333333333333</td> 
                <td nowrap> 4444444444444444444444444444444</td> 
                <td nowrap>55555555555555555555555555555555</td> 
                <td nowrap>666666666666666666666666666666666</td> 
                <td nowrap>777777777777777777777777777777777</td> 
              </tr> 
          </table> 
        </div></td> 
    </tr> 
</table> 
</body>
</html>

图片垂直居中 align="absmiddle"

分享到：

javascript集锦 | 正则表达式实例

2010-09-09 16:50
浏览 770
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML

评论

发表评论

相关推荐

返回上一个页面

Html——Marquee标签【滚动效果】（转）

垂直居中（转载）

首页的frame框架

最近访客更多访客>>