（一）表格

合并单元格（少用）

（合并列）

1.先选中要合并的2个或多个单元格，然后点击以下图标

代码：<td colspan="2"> </td>

2.设置colspan属性

删掉一个<td></td>

（合并行）

代码：<td rowspan="2"> </td>

1.设置rowspan属性

2.删掉对应的n-1个<td></td>

（二）锚点

<a href="#first">第一章</a>

<a href="#second">第二章</a>

在第一章的位置：<a name="first"></a>

在第二章的位置：<a name="second"></a>

1.做锚点的标签。<a name=""></a>xxx

2.做指向锚点的超链接。<a href="页面全名#锚点名">xxx</a>

（三）表单

只要是输入的地方，都要放到<form>里面去

<form id="" name="" method="post（长度不限）/get（长度有限）" action="提交到服务器端的地址，提交给谁来处理">

</form>

action 表示提交的目标服务器

method 提交的方法get、post

*********************************文本输入类************************************

文本框<input type="text" values="">

密码框<input type="password" values="">

隐藏域<input type="hidden" values="">

文本区域

<textarea></textarea>

*****************************按钮类****************************************

提交按钮<input type="submit" values="按钮上的文字">

重置按钮<input type="reset" values="按钮上的文字">

普通按钮<input type="button" values="按钮上的文字">

图像域<input type="image" src="图片地址">

********************************选择输入类*********************************

单选按钮<input type="radio" name="用来分组" value="true" id="RadioGroup1_0" checked="checked"(初始值被勾选)/>

复选框<input type="checkbox" name="用来分组" value="true" id="RadioGroup1_0" checked="checked"(初始值被勾选)/>

下拉列表

<select name="" size="n"(列表) multiple="multiple"(多选) id="">

<option value="项的值" selected="selected">项的显示内容</option>

</select>

文件域

文件上传：<input type="file" name="" id="">

(四)框架集

-> 将页面分块布局(框架直接属于html)

-> 基本语法

<frameset cols=“30%, *” rows=“”>

<frame src=“URL” noresize=“noresize”/>

<noframes><body></body></noframes>

</frameset>

1.frameset,frame

如何横向、纵向分割窗口？frameset中的rows="100,*",cols="100,*"

如何分割复杂的窗口？framework的嵌套

如何禁用窗口大小可调？frame的noresize="noresize"

如何隐藏分割窗口的边框？frameset的frameborder="no"

如何在超链接中指定目标页面显示在哪个框架窗口中？

第一步：给要显示内容的目标frame是指name属性

第二步：给超链接的target属性赋值成第一步设置name

如何让整个frameset页面跳转到某个页面？

把超链接的target属性设置成"_top"

如何不让frame中出现滚动条？

把frame的scrolling属性设置为no

2.iframe

在原来的HTML页面上，嵌入一个小窗口，用来显示其他小窗口

<iframe frameborder="0" scrolling="no" src="">

CSS 层叠样式表

作用：美化HTML网页的

分类：

1.内联

2.内嵌

3.外部

选择器：

1.简单选择器

标签选择器： b{ }

Class选择器： .名字 <div  name=“名字”>

Id选择器：  #名字 <div   id=“名字”>

2.复合选择器

以逗号隔开，并列同时起作用   #名字,#名字

以空格隔开，后代关系    div p （对div里的p起作用）

筛选关系    p.dd  (针对p元素里的dd名起作用)

2014.9.16HTML表单CSS的更多相关文章

  1. HTML表单 CSS样式

    1.HTML表单 <body rightmargin="50" leftmargin="50" background="未标题-1.jpg&qu ...

  2. 0522 HTML表单 CSS基础

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

  3. 最新版本Firefox表单css兼容性

    场景描述: 为了在各浏览器上传控件保持统一的风格,用隐藏“浏览控件”的方式,在最新版本的Firefox下隐藏的“浏览”按钮漂移了. 问题分析: HTML代码: <form class=" ...

  4. 28. 表单css样式定义格式

    form>table>tbody>tr>td{padding:5px;font-size:14px;font-family:"Microsoft YaHei" ...

  5. WTF Forms – 使用 CSS 实现用户体验更好的表单

    WTF forms 借助 CSS 提供友好的 HTML 表单控件,专为 IE9+ 以及最新的 Chrome.Safari 和 Firefox 浏览器.以文件输入控件的改进,使用 label 包裹在 i ...

  6. js 节点 document html css 表单节点操作

    js 节点 document html css 表单节点操作 节点操作:访问.属性.创建 (1)节点的访问:firstChild.lastChild.childNodes.parentChild(父子 ...

  7. css解决select下拉表单option高度的办法

    css在给select下拉表单设置样式如边框时可以轻松搞定,而我们在不喜欢其默认的下拉箭头的样式时试图通过background:url(图片路径)来修改之,则往往会出现浏览器的兼容性问题,在网上查了好 ...

  8. 只用css来美化的上传表单按钮（抄的迅雷的）

    <!DOCTYPE html><html><head><meta charset="utf-8" /><title>文件 ...

  9. BootStrap入门教程 (二) ：BASE CSS（排版(Typography),表格(Table),表单(Forms),按钮(Buttons)）

    上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统. 基于手脚架(Scaffoldin ...

随机推荐

  1. 关于nodejs，request模块的一个bug

    今天在使用request时发生了一个错误, 对方网站的证书设置的不正确导致本地请求不能返回数据: 解决方案是在配置request时加入一个忽略证书验证得字段: 具体代码如下 request.post( ...

  2. string 转换char类型

    将string转换成char类型 const char *c = string.c_str() char转换string char *c_name = "char" string ...

  3. HDU Today（dijskra）

    HDU Today Time Limit: 15000/5000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total ...

  4. ASP.NET MVC 中将FormCollection与实体间转换方法【转】

    将Action动作中传递的FormCollection转变成对应的实体,可以使用Controller的TryUpdateModel()方法. 示例如下: [HttpPost] public Actio ...

  5. [置顶] android利用jni调用第三方库——第三篇——编写库android程序整合第三方库libhello.so到自己的库libhelloword.so

    0:前言: 在第二篇中,我们主要介绍了丙方android公司利用乙方C++公司给的动态库,直接调用库中的方法,但是这样方式受限于: 乙方C++公司开发的动态库是否符合jni的规范,如果不规范,则不能直 ...

  6. 如何删除Oracle数据库

    1>点击开始找Oracle的目录,-->点击[Universal Installer],打开点击[卸载产品] 2>除了oracle_home1 不点外,其他的都勾选. 3>再点 ...

  7. 基于jQuery实现的水平和垂直居中的div窗口

    在建立网页布局的时候,我们经常会面临一个问题,就是让一个div实现水平和垂直居中,虽然好几种方式实现,但是今天介绍时我最喜欢的方法,通过css和jQuery实现.   1.通过css实现水平居中: 复 ...

  8. jQuery源码笔记——回调对象

    回调对象是一个多用途的回调列表对象,提供了强大的的方式来管理回调函数列表. 最简单的缓存对象 function Callbacks(){ var list = [], self = { add: fu ...

  9. 此操作只能由 SQL Server 中拥有配置数据库读取权限的用户在已加入到某个服务器场的计算机上执行

    错误提示:此操作只能由 SQL Server 中拥有配置数据库读取权限的用户在已加入到某个服务器场的计算机上执行.若要将此服务器连接到服务器场,请使用 SharePoint 产品配置向导,该向导可从 ...

  10. ajax相关

    Javascript·部分: <script language="javascript" type="text/javascript" src=" ...