笔记--六期

1---www.cnbeta.com(IT咨询的网站) ---www.qiushibaike.com(糗百) ---三国杀WEB应用程序

1）关于XML和HTML  

　　1 XML是有标签组成；它描述了标签中可以存储什么样的数据。  

　　2 HTML教程也是由标签组成；用这些标签去描述这个文本怎么去显示。

2）关于B/S  

　　1 客户端浏览器去解释html和js;C#、js、java是在服务器端运行的。  

　　2 发送请求到服务器；由服务器的后台语言去处理。

3）<form>表单标签的表单元素有<input><textarea><select>;  

　　1  <input  type="text" size="70" readonly="readonly" maxlength='6'> ；会出现浏览器兼容性问题；  

　　2  <input type="radio" name="sex" checked="checked">女 ；name实现分组;checked实现默认选中  

　　3  <input type="reset"> ;还原到初始值  

　　4    <select size="2" multiple="multiplt">

　　　　<option value="1" selected=""></option>

　　　　</select>

　　　　<select> <optgroup label="河北" >

　　　　<option>邢台</option>

　　　　<option>邯郸</option> <optgroup label="北京" >

　　　　<option>西单</option> <option>海淀</option>

　　　　</select>  

　　5   <textarea cols="30" rows="5"> </textarea>  

　　6  <fieldset>    <legend>常用</legend>    <input type="text" /></fieldset>  划分区域；  

　　7  <marquee direction="up" scrolldelay="10"></marquee>

4）关于静态页面和动态页面  

　　1 静态页面：浏览器向服务器要这个页面的时候，服务器就把本身存在的页面返还给浏览器。  

　　2 动态页面：服务器上没有浏览器要看的页面，而是服务器动态生成的页面；将动态生成的页面返回给浏览器。  

　　3 DHTML：就是动态的html；他是html+css+js的组合。  

　　4 客户端语言：html;css;js;     服务器端语言：c#;java;php;vb.net;c;

5）css实现内容和样式的分离  

　　1  行内样式；<input type="input" style="color:red;background-color:yellow">;分清html属性和css属性；  

　　2  嵌入样式；p{color:red; background-image:url(../img/1.gif)}  

　　3  外部样式；<link href="" type="text/css" rel="stylesheet">  

　　4 常见样式  background;border;display(不显示不占地);cursor;list-style-type;text-decoration; 

6）样式选择器  

　　1 标签选择器；td{text-align:center;vertical-align:bottom}  

　　2 类选择器；（实现通用；因为class是可以重复应用的）  

　　3 ID选择器；(div布局时常用，因为id是唯一的)  

　　4 标签+类选择器；（防止标签冲突）label.name{}  

　　5 包含选择器；div strong{} ;(只有div里面的strong标签)  

　　6 后代选择器；div>strong{}；(只有div的直接后代拥有此样式)  

　　7 组合选择器；div,input{}  

　　8  伪选择器；为标签的不同状态设定不同的样式；多用于<a>;text-decoration:none;表示不带下划线；  

　　9  在有属性冲突时，采用就近原则。  

　　10  实现加细边框的表格；先给每个td加个边框；在给table{border-collapse:collapse}让其实现收缩。

7）网页布局  

　　1  表格布局；<table>  

　　2  框架布局；<frameset rows='30%,*'><frame src='.htm' noresize='noresize'></frameset>; <iframe src=""></iframe>  

　　3  div+css布局 ;<div>用来将内容切成块；<css>用来描述每个块的大小和位置；  

　　4  padding（内容和边框的距离）；margin（边框和边框的距离）；clear:left（清除浮动）；

8）关于DIV布局的位置  

　　1  position:ablolute;可以设置width;height;不会随滚动条的位置改变而改变。  

　　2  position:fixed；位置不是固定的；会随着滚动条的位置改变而改变但是距离屏幕左上角的位置不会变。  

　　3  position:relative；此时top;bottom等属性没有作用；