（一）表格

合并单元格（少用）

（合并列）

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. MSSQL 获取指定日期所在星期的第一天和最后一天日期 获取指定日期坐在月的第一天和最后一天

    ufn_GetWeekFirstAndEndDay    获取指定日期所在星期的第一天和最后一天日期 ALTER FUNCTION [dbo].[ufn_GetWeekFirstAndEndDay]( ...

  2. hive中partition如何使用

    1.背景 1.在Hive Select查询中一般会扫描整个表内容,会消耗很多时间做没必要的工作.有时候只需要扫描表中关心的一部分数据,因此建表时引入了partition概念. 2.分区表指的是在创建表 ...

  3. Bone Collector(01背包+记忆化搜索)

    Bone Collector Time Limit : 2000/1000ms (Java/Other)   Memory Limit : 32768/32768K (Java/Other) Tota ...

  4. POJ1042 Gone Fishing

    采用贪心策略. 假设他从1湖泊走到x 湖泊,这还剩下 h*12 - sigma(T1--Tx-1).(单位时间为5分钟).然后再用剩下的时间去钓1-x的湖泊的鱼. 每次都选择最多鱼的湖泊钓. code ...

  5. wcf系列学习5天速成——第三天 事务的使用

    今天是速成的第三天,再分享一下WCF中比较常用的一种技术,也就是”事务“. 在B2B的项目中,一般用户注册后,就有一个属于自己的店铺,此时,我们就要插入两张表, User和Shop表. 当然,要么插入 ...

  6. jQuery源码笔记——延迟对象

    提供一种方法来执行一个或多个对象的回调函数, Deferred对象通常表示异步事件. 它是回调对象的拓展运用,在jQuery当中非常依赖回调对象. 一个简单的,只解决成功状态下的缓存实例 functi ...

  7. 使用logstash收集日志的可靠性验证

    实时计算里,需要对日志实时收集,logstash可以做到.目前的版本是1.4.2,官方文档在http://www.logstash.net/docs/1.4.2/,里面有详细的配置说明,使用也很简单. ...

  8. 获取iOS应用的版本号和app名称

    NSDictionary* infoDict =[[NSBundle mainBundle] infoDictionary]; NSString* versionNum =[infoDict obje ...

  9. jsp文件中的路径问题

    最近在写一个OA系统,在资源的路径问题上面出现了一点问题,使用相对路径的话不利于文件的改动,所以使用了绝对路径来写. 在jsp文件中   <%= String path = request.ge ...

  10. 开发环境配置--Ubuntu+Qt4+OpenCV（一）

    同系列的文章 1. 开发环境配置--Ubuntu+Qt4+OpenCV(一) 2. 开发环境配置--Ubuntu+Qt4+OpenCV(二) 3. 开发环境配置--Ubuntu+Qt4+OpenCV( ...