燕十八_div css教学笔记

导读:自学it网公益it培训PHP,Python,java免费学http://www.zixue.it符号实体:页面圆角:圆角技术是很多个网站上得到应用,目前有以下几种:1:div堆叠,在大div的四个角上,堆上很多小的div,然后小的div有颜色,看起来像圆角.如下(每一个黑块就是一个小的div).该方法实现起来麻烦,冗余代码也多2:4个div嵌套,各在一个角设

燕十八_div css教学笔记

自学it网 公益it培训 PHP ,Python ,java免费学 http://www.zixue.it

符号实体:

页面圆角:

圆角技术是很多个网站上得到应用, 目前有以下几种:

1:div堆叠,在大div的四个角上,堆上很多小的div,然后小的div有颜色,看起来像圆角.如下(每一个黑块就是一个小的div).

该方法实现起来麻烦,冗余代码也多

2:4个div嵌套,各在一个角设背景图.

自学it网 公益it培训 PHP ,Python ,java免费学 http://www.zixue.it

这4个div 分别负责在左上角,右上角,左下角,右下角各放一个圆角背景,从而形成圆角效果.

3:使用背景图:

直接创建一张圆角图片做背景. 优点:简洁,无冗余代码.

缺点:设立圆角的div必须是固定大小,且与背景图一样大.

4:使用css 控制 例:

-moz-border-radius:5px 6px 7px 8px; -webkit-border-radius:5px 6px 7px 8px;

则代表在元素的左上,右上,右下,左下4个角各画了半径为5px,6px,7px,8px的圆角.

优点;代码最少,适应性也好.

缺点:不支持IE,只能在firefox, chrome,safari等浏览器下使用.

自学it网 公益it培训 PHP ,Python ,java免费学 http://www.zixue.it

Bug调试

1:doctype没声明,带来的IE浏览器盒模型解析bug 解决: 进行xhtml 正确声明,如strict声明

2:浏览器的初始值不同带来的. 解决:进行css初始化.

3:自身代码不规范带来的bug, 解决:面壁

4:浏览器的bug带来的.

4.1 IE6, 有双倍margin bug

是指:浮动方向上的margin值会加倍.

例如: 某元素 float:left; margin-left的值是10px, 那么页面上会解析为20px; 同时 ,float:right, margin-right也会加倍 解决方案: 设置漂浮元素的_display:inline;

4.2: 3像素bug,

解决:规范float的用法

4.3: IE关于a标签的4个伪类的兼容bug

答:对于IE, 如果a:link方式声明了标签的样式 可能会引来 visited伪类的解析异常

解决: 去掉a:link,以 a 来代替.

自学it网 公益it培训 PHP ,Python ,java免费学 http://www.zixue.it

表单:

收集页面的信息,送到服务器.

自学it网 公益it培训 PHP ,Python ,java免费学 http://www.zixue.it

表单总结:

1:任何的类型的表单项,必有2个最本质的东西: Name<------>value, 即 :变量名<--->变量值

2: 表单的action ,method

Action 代表 表单要提交到的地址.

Method 代表,表单提交的方法(即,表单数据如何发送.)

3:method的两种方法比较 Get与post,

Get提交,表单的值直接体现在浏览器上

Post提交,直接提交到action规则的url,url不变.

GET 提交直接把数据体现在地址栏上,不够安全.

而POST不改变地址栏,直接发送数据,因此注册这样的场合,适合用POST提交.

Get提交,因为数据在地址栏上体现,因此,能够提交的数据大小受限.(一般来说,受浏览器和服务器的具体限制). 一般来说,能够提交2K以内的数据., Post提交,理论上没有规定上限值.

Get无法上传文件类型 Post可以上传文件类型

表单项:

普通文本框:

单选按钮:

复选按钮:

提交:

下拉列表:

文本域: