Web开发基础–实训课程.ppt

get 还是post(补充) form action=“http://localhost:8080/cgi-bin/method.cgi method=“get input type=text size=10 value=“zhangsan name=“userName input type=submit value=GET方式/form GET /cgi-bin/method.cgi?userName=zhangsan HTTP/1.1Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*Referer: http://localhost//other.htmlAccept-Language: zh-cnAccept-Encoding: gzip, deflateUser-Agent: Mozilla/4.0 (compatible; MSIE 5.01; Windows NT 5.0)Host: localhost:8080Connection: Keep-Alive POST /cgi-bin/tech/method.cgi HTTP/1.1Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*Referer: http://localhost//other.htmlAccept-Language: zh-cnContent-Type: application/x-www-form-urlencodedAccept-Encoding: gzip, deflateUser-Agent: Mozilla/4.0 (compatible; MSIE 5.01; Windows NT 5.0)Host: localhost:8080Content-Length: 9Connection: Keep-Alive userName=lisi 注： 根据 HTTP 规范，GET 用于信息获取，而且应该是 安全的和幂等的。所谓安全的意味着该操作用于获取信息而非修改信息。换句话说，GET 请求一般不应产生副作用。幂等的意味着对同一 URL 的多个请求应该返回同样的结果。 form action=http://localhost:8080/cgi-bin/tech/method.cgi method= post input type=text size=10 value=lisi name=userName input type=submit value=POST方式/form 总结 表单是由表单容器和其中的表单元素组成 表单中的各种表单元素及其属性 表单的结构和表单属性 第七章 div和span 回顾 CSS样式的几种选择器 CSS样式引入的几种方式 样式优先级区别 盒状模型，margin与padding属性 目 标 CSS代码书写时注意事项 掌握DIV常用属性 掌握常用CSS+DIV进行页面布局的方法 CSS代码注意事项 使用css缩写，尽量减小css文件的大小 明确定义尺寸等属性单位(%、px/cm/in/mm/em…) 注意css元素名称的大小写 不需要重复定义可继承的属性值 最近优先原则 不需要给背景图片路径加引号 共同属性时可以使用组选择器避免重复定义 注意常用css的缩写，比如border:width style color; 文档流 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流 块元素与内联元素 块元素特点 元素总是从一个新行开始显示 高度，行高以及顶、底边距都可控制 宽度缺省是它所在容器的100%，除非设定一个宽度 通常作为其它元素的容器，它可以容纳内联元素和其它块元素 内联元素（也称行内元素、内嵌元素）特点 和其它元素都在一行上 高度，行高以及顶、底边距不可改变 宽度就是它所容纳的文字或图片的宽度，不可改变 一般作为基本元素，只能容纳文本或者其它内联元素  块元素：h1、p、ol、ul、table、div、… 内联元素：a、img、input、textarea、select、span、… 绝对定位与相对定位 绝对定位(position:absolute) 绝对定位使元素的位置