文档介绍：知识准备
1、分层：表现层：UI界面（DOS界面、桌面类型、web类型）业务层：
数据层：文件、Oracle数据库
2、 Web 类型的应用程序 B/S 类型
打开Browser,输入URL,浏览器将请求发送到服务器服务器得到 method="">
</form>
即为表单元素，承载各种控件（文本框、按钮等）
重点在于 form 上可以包含的元素
form 上的元素必须拥有 name 属性，默认，提交值
2、input 元素
文本框：vinput type="text" name="" />
密码框： <input type="password" />
单选按钮：实现互斥的选择
提交按钮：vinput type="submit" value—显示的文本"/>
#########################
HTML_CSS
#########################
知识准备部分：
1、学****html 的过程中，有些可以设置样式的属性
border/width/height/cols/rows
<table border="1" width=""></table>
<h1 border="1"></h1>--error
<textarea width=""></textarea>--error
2、存在的问题：不统一
3、需要解决：有一种统一的有效的方式为定义样式
CSS
比如：
各浏览器对于页面的默认设置和显示不一样；用代码改写
CSS 代码： td{border:;}
<table>
<tr style="color:red;">
vtd>文本变为红色v/td>
</tr>
v/table>
：CSS 概述
1、CSS：级联样式表（层叠样式表）
2、特征：为页面定义外观的语言，实现内容和表现的分离，多个样
式可以合为一个，如果冲突，以优先级为准
二：基础语法
1、语法：属性名称:值;属性名称:值;比如--color:red;
2、如何应用 *** 方式一（内联方式）：<元素 style="" />---将样式直接定义在元素的 style 属性里
方式二（内部样式表）：在页面的 head 里的 style 里定义样式方式三（外部样式表）：（定义样式）；然后，在页面的 head 里用 link 引入---推荐方式
3、外部样式表的优点：实现内容和表现的分离，提高代码的可重用性和可维护性
---可以准备多套样式---换皮肤/主题
4、样式表，如果重复定义
a、样式不同，取并集
b、相同，按照优先级
内联 > 内部或者外部
c、相同优先级下，以最后定义的为准
三：样式选择器 ***
1、什么是选择器 h1 {color:red;} 2、元素选择器，比如： div {...} 以 html 中标签的名称作为选择器
3、类选择器
CSS 中： .MyName { }
HTML 页面： <元素 class="MyName" />
4、分类选择器---同一种元素下的细分
CSS中： {・・・},比如h4・first {・・・}
HTML 页面： <h4 class="first"></h4>
5、 ID选择器：以元素id的值作为选择器，常用于设置页面上比较特殊的元素,比如布局
CSS 中： #name1 {...}
HTML 页面： <元素 id="namel" />
6、选择器分组：适用于为各种不同的元素定义它们相同的样式
CSS 中： hl,.sl,#aaa,
{ }
7、派生选择器：根据元素的先后位置
CSS 中： td a { }
HTML 页面：vtd>va>dddv/a>v/td>
8、伪类选择器：某个元素在不同状态下的样式 a:link {color:blue;}---未访问过的 a:visited {color:red;}---访问过的 x:hover {}---鼠标悬停 x:active {}---激活 x:focus{} ---获得焦点
四：各种样式属性的应用的准备
1、尺寸的单位
px/pt
2、颜色的单位
red/#ccc
3、尺寸的属性
width:100px;
height:200px;
overflow:;---当内容超出包含框时
visible/hidden/scroll/auto;
五：边框
1、定义四个边： border:1px solid red; width style color
border-width:1px;
bo