信息錄入：深圳博盈網(wǎng)絡(luò)技術(shù)        錄入時(shí)間：2011-09-14        瀏覽次數(shù)： 次

        在網(wǎng)頁設(shè)計(jì)中表單的應(yīng)用是必不可少的，它是構(gòu)成網(wǎng)頁基礎(chǔ)的重要部分。但是對(duì)于表單在不同的瀏覽器中體現(xiàn)出兼容性的問題，確是很讓人頭疼的，尤其是對(duì)于新手來說。大家都知道如果編寫出的表單在于瀏覽器不兼容，就會(huì)出現(xiàn)表單錯(cuò)位等問題，把整個(gè)布局弄的很不協(xié)調(diào)或者根本的打亂表單的整體布局，網(wǎng)頁設(shè)計(jì)時(shí)需要注意這些因素。
        對(duì)于有經(jīng)驗(yàn)的老手還是有解決的方法的，在這里我們來看看是怎么解決這些問題的。對(duì)于一個(gè)網(wǎng)站，如果你想長期的留住用戶并與他們產(chǎn)生溝通，那么你的網(wǎng)站當(dāng)中就必不可少的用到數(shù)據(jù)提交form標(biāo)簽，xjskma.com這個(gè)標(biāo)簽在IE6與火狐瀏覽器中顯示的效果完全不一樣，IE6中form標(biāo)簽的顯示，明顯上下會(huì)出現(xiàn)空白，而火狐瀏覽其中顯示的就與你排版的設(shè)計(jì)一樣。
        為什么會(huì)這樣呢？要怎樣才能解決這個(gè)問題呢？個(gè)人認(rèn)為IE6是問題最多的一款瀏覽器，但是我們的用戶有一部分還是在使用它，這就使得我們不能放棄這個(gè)瀏覽器的顯示效果。有經(jīng)驗(yàn)的設(shè)計(jì)師，就在樣式表中加入form {margin:0px;}，這樣就可以是的在IE6中顯示的效果與你設(shè)計(jì)的效果一致。
        對(duì)于新手來說，這樣的小問題還是比較頭疼的，如果有一個(gè)前輩知道你的話，這樣的小問題就可以輕易的解決了，也可以更好的了解網(wǎng)頁制作的基本原則。接下來我在針對(duì)于新手講解一些設(shè)計(jì)的基本技巧，在使用Dreamweaver設(shè)計(jì)頁面或者分析頁面時(shí)，代碼會(huì)顯得比較凌亂，這樣不僅不利于觀察，還會(huì)印象你編輯的速度，這個(gè)時(shí)候就可以使用套用源格式這個(gè)功能，這樣可以使得代碼變得簡潔有序。但是這個(gè)功能只針對(duì)于HTML代碼與CSS代碼，其他的代碼如asp都是不適用的。
        在這里最后介紹一下CSS布局中float與position屬性的區(qū)別吧，float：right/left是子塊級(jí)元素流集合面向父級(jí)元素的定位，定位的關(guān)鍵詞使用margin與padding。而兄弟塊元素之間可以進(jìn)行相對(duì)的定位，都與移動(dòng)都的新位置進(jìn)行從新渲染，可以重疊，原位置被清空。而position：relative是子塊級(jí)元素面向父級(jí)元素的相對(duì)定位，定位關(guān)鍵字使用哪個(gè)left、right、top、bottom，兄弟塊元素之間進(jìn)行相對(duì)定位。但是position移動(dòng)后，原位置依然保留，而且隨后的兄弟塊元素定位于被移走前得位置。