网页制作中遇到的小问题(2)

2.表单中Readonly和Disabled的区别:这两个属性有一个共同的作用就是都能够使用户不能够改变表单域中的内容;另外他们的差别是readonly只对input类型text和password以及textarea有效,而disabled则对所有的表单元素有效。当使用disabled的时候,将表单提交的话是不会传出去,但是readonly却可以。

在某个表单中为用户预填了某个唯一识别代码,不允许用户改动,但是在提交时需要传递该值,此时应该将它的属性设置为readonly。

valign="top"垂直上对齐

clientHeight、offsetHeight
和scrollHeight区别:clientHeight是指内容可视区域的高度,就是说可以看到的区域的高度,但是不包括滚动条,其实他与height的高度差不多(如果不考虑滚动条的话),他不包括border的宽度,如果带有横向的滚动条还应该减去横向滚动条的宽度,正常滚动条的宽度是17px,还可有padding是所在内的;现在我们来说一下offsetHeight,就是它加上了border的值,这是他与height的区别;最后就是scrollHeight,在火狐下还很好理解,它其实就是滚动条可滚动的部分还要加上boder的高度还要加上横向滚动条不可用的高度,与clientHeight比起来,多个border的高度跟横向滚动条不可用的高度.

在IE中 scrollHeight确是指这个对象它所包含的对象的高度加上boder的高度和marging,如果它里面没有包含对象或者这个对象的高度值未设置,那么它的值将为15

时间: 2024-08-27 11:36:31

网页制作中遇到的小问题(2)的相关文章

网页制作中的背景处理

在制作网页过程中,经常需要考虑页面中的留白问题,因为我们设计时,按大多数用户显示器的设置来制作内容区,即横向分辨率的设置是1024像素,可是用户设置是多样化的比如有的用户是1280.1440.1600.1680等,内容区之外会有很多的留白,为了美观起见,不可避免地需要对留白区进行一些处理. 下面是一般的做法. 1.用一个图片来做背景,其余的地方填充颜色. ①背景图很大,不铺: ②背景图片很长,只是横向铺而纵向不铺: ③一张图片横向纵向都铺. 根据效果选择,关键是背景图片的处理. 2.留白的地方要

HTML、DIV+CSS网页制作中排版混乱的几种常见的情况

对于Web前端初学者或者经验不够丰富的人来说,出现页面排版布局混乱的情况并不罕见,有时候明明前面部分的网页都很整齐美观,可是在接下来的部分中经常会出现网页布局混乱,比如content无法调整到开发者需要的位置,或者出现页面重叠的现象.以下内容是我个人在网页制作过程中关于网页排版混乱及其解决办法的一些经验总结,不足之处,希望大家互相补充学习. )DIV+CSS网页错位的原因与解决方法 常常我们会遇到我们要设置在一行显示的布局,却因为种种原因造成了错位,看到结果是在一行的最后一个盒子布局错位掉下去了

网页制作中绝对路径和相对路径的区别

网页制作中绝对路径和相对路径的区别 http://www.veryhuo.com 烈火网 2012-10-10 投递稿件 做个开发的人,对于文件或者文件夹的定义都是有一定的规范的,比如建立一个网站前端设计,要建立的文件夹有css,js,images,swf等等,如图: 很多文件之下单个页面的连接,文件引用的时候就需要对路径这个问题有一定的了解:或者对php 网络程序开发有了解的程序员都会对define和include结合定义变量路径和引用的有很多见解. 比如: define('ROOT_PATH

《SEO在网页制作中的应用》视频笔记

学习了慕课网<SEO在网页制作中的应用>视频,今天将里面的知识整理一下. 一.SEO介绍 1.  搜索引擎工作原理 搜索引擎现在主流有百度.谷歌.360,他们都有庞大的搜索引擎数据库,每个关键字对应很多网址,搜索引擎爬虫从一个链接到另一个链接,分析提炼其中的内容,找到关键字,如果是重要的或是首次出现的内容,就会添加到搜索引擎数据库,如果是垃圾内容或是重复内日你给,爬虫就会略过.当用户(比如在百度)搜索信息时,搜索引擎就从数据库检索出与之相关的网址,然后展示给用户,因为一个关键字可以对应很多网址

网页制作中,有哪些可以快速应急的技巧?

作为网页设计师,想要保证设计水准的前提下完成客户的“年底上线”心愿,你能想到的唯一办法就是…昏天黑地的加班!这对设计师来说是一种很煎熬的折磨,今天我们在年末特别呈现网页设计的应急小方法,希望能把设计师从水生火热中解救出来.虽然客户主观缩短了设计时间,但他们对网页的要求却不会因此降低一分一毫,要在短时间内设计出能让客户接受的设计稿,你也许需要一些小技巧! 1.让几何元素提升网页层次 一个简单的几何元素在网页设计中起到的作用绝对能让你出乎意料,尤其在应对极简风格的网站时效果更佳.设计,无非是点.线.

SEO在网页制作中的应用

SEO由英文Search Engine Optimization缩写而来, 中文意译为“搜索引擎优化”.SEO是指从自然搜索结果获得网站流量的技术和过程,是在了解搜索引擎自然排名机制的基础上, 对网站进行内部及外部的调整优化, 改进网站在搜索引擎中的关键词自然排名, 获得更多流量, 从而达成网站销售及品牌建设的目标. SEO的主要工作: 一.内部优化,内容为王 (1)meta标签优化:例如:title,keywords,description等的优化 (2)内部链接的优化,包括相关性链接(Tag

在网页制作中,初学者经常犯的那些小迷糊

对于web初学者来说,在网页的制作过程中经常会出现一些小Bug,这些问题的看似很小很小,却影响我们网页设计的正常完成,下面是我个人学习过程中出现过的一些小问题,在此做一个总结. 1,很多设计师把握不好承载信息的空间与留白之间的平衡.文本.图片和菜单应放在能与之形成足够反差的背景上,通过调整各元素之间的间距来营造干净整洁的外观,拥挤的页面是不能抓住访客注意力的.创建网站的过程中记得检查页边距和padding样式 2.网络用图应调整尺寸或压缩大小,以节省空间和加载时间.若非如此,加载图片需要很长的时

网页制作中遇到的一些个小问题(3)

1.   z-index:css中有position且其值为absolute,relative,fixed,这样才可以生效.其值越大则层叠在最上面:在 IE 浏览器中,定位元素会产生一个新的 stacking context,并且从 z-index 的值为 0 开始. <div id=test1></div> <div id=test2> <div id=test3></div> </div> 如果要让test3在test1的上面,那

网页制作中遇到的一些个小问题(1)

display:table总结(自己的一些个理解总结) IE8是最后一款支持该属性的主流浏览器.在网页元素上应用该属性后,可以模仿出与表格相同的特性. IE8以下是不能够识别这个属性的此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符.该元素还可以使左右元素的高度相同,这两个左右元素的父元素使用这个属性,左右元素使用display:table-cell http://www.liufuduan.com/Article/ShowArticle.asp?ArticleID=14