（一）表格

合并单元格（少用）

（合并列）

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. Entity Framework学习笔记

    原文地址:http://www.cnblogs.com/frankofgdc/p/3600090.html Entity Framework学习笔记——错误汇总   之前的小项目做完了,到了总结经验和 ...

  2. 关于Qt的灵异错误

    今天用Qt编写了一个小程序,在运行的时候会报如下错误: ******SgAppenderImpl::SetImeSdkVer_begin ******SgAppenderImpl::SetImeSdk ...

  3. ME525+ 刷机工具及设置中心号码

    接上篇: 刷机包下载地址http://sbf.droid-developers.org/umts_jordanplus/list.php,选择一款大陆包.... 设置中心号码: 拨打   *#*#46 ...

  4. 【Spring MVC系列】--（4）返回JSON

    [Spring MVC系列]--(4)返回JSON 摘要:本文主要介绍如何在控制器中将数据生成JSON格式并返回 1.导入包 (1)spring mvc 3.0不需要任何其他配置,添加一个jackso ...

  5. poj 3661 Running（区间dp）

    Description The cows are trying to become better athletes, so Bessie ≤ N ≤ ,) minutes. During each m ...

  6. 浏览器返回按钮不会触发onLoad事件

    最近在做一个移动端项目,发现移动端某些返回和PC端是有差异的, 比如ios中返回按钮是直接使用缓存的, 不会执行任何js代码, 这个问题很蛋疼, 例如, 在提交的时候将按钮设置为loading状态, ...

  7. OCP-1Z0-053-V12.02-501题 【转】

    http://blog.csdn.net/rlhua/article/details/12225237 501.Note the output of the following query; SQL& ...

  8. 第9课_3_db库安装

    四 安装listener监听 使用oracle用户,在rac1和rac2上都可以起netca 1.打开网络配置界面,选择"Cluster configuration"集群配置方案, ...

  9. JSON、XML 解析

    iOS开发--XML/JSON数据解析 不错的文章http://www.jianshu.com/p/a54d367adb2a

  10. 对List对象按照某个成员变量进行排序

    /** * 对List对象按照某个成员变量进行排序 * @param list List对象 * @param sortField 排序的属性名称 * @param sortMode 排序方式:ASC ...