希望高手給點div+css布局心得

給你幾個比較重要的建議把

創(chuàng)新互聯(lián)主營望奎網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶App定制開發(fā),望奎h5小程序定制開發(fā)搭建,望奎網(wǎng)站營銷推廣歡迎望奎等地區(qū)企業(yè)咨詢

1、用Dreamweaver布局的時候，預(yù)覽模式只能做部分參考或者不做參考，最終還是以瀏覽器顯示為依據(jù)，因為Dreamweaver的預(yù)覽模式的糾錯能力差，或者說是兼容性不行

2、盡量把各個樣式代碼的名稱記住，因為Dreamweaver有代碼提示功能，所以也不用一字不落的全記住，但至少你得記住代碼的大概拼寫或者打頭字母，這樣能有效的幫你找到樣式，這一條建議是比較適合初學(xué)者，記住代碼能讓你更快速更有效的布局

3、多看一看人家的成品頁面，能讓你快速的學(xué)習(xí)，但是當(dāng)你能夠基本熟悉后，想要有所進(jìn)步看別人的效果就不那么明顯了，最好就是自己多做，然后碰到問題解決問題，解決問題的過程就是學(xué)習(xí)的過程，我經(jīng)常在百度這里幫人解決css方面的問題，經(jīng)常能碰到一些我沒碰到的問題，這就能讓我在解決這個問題當(dāng)中又學(xué)到一些東西，此外我教你一個更快速看別人頁面樣式的方法，那就是firefox火狐瀏覽器有一個firebug插件，按下快捷鍵F12就可以查看你所看到的頁面的頁面布局以及css樣式，360瀏覽器也可以用

4、最好是能買一本專業(yè)的div+css布局的基礎(chǔ)教程的書學(xué)習(xí)，因為我們在網(wǎng)上所學(xué)到的都比較的凌亂，看書學(xué)基礎(chǔ)的話會比較的扎實，雖然可能會多花一點點時間，但是對于以后的發(fā)展是有好處的

IE8下CSS寫法的幾點心得

width:192px;

height:55px;

margin-top:100px;

background:url(images/anniu01.gif)

no-repeat

left

bottom;

要將上面的改成

width:192px;

height:155px;

background:url(images/anniu01.gif)

no-repeat

left

50px;

2.盡量用padding-top:，少用margin-top

今天總算升級到IE8了，感覺CSS的寫法要想同時適應(yīng)IE6、IE7、IE8、FireFox，有以下幾個基本的竅門。

1、使用float后必須clear，否則IE8顯示錯誤。

2、h1,h2,h3,ul,li,dl,dt,dd,p...最好定義margin:0和padding:0，否則各種瀏覽器顯示有誤差。

3、line-height值最好是偶數(shù)，奇數(shù)顯示有誤差。

4、input

的text和password兩種形式在IE8不定義字體（宋體）下長度高度不一樣，可將input定義為font-family:Arial。

5、如果想在標(biāo)題前后加小圖標(biāo)，最好不要直接用img，用img的話IE6行間距會縮小，應(yīng)該用li加背景的形式。

...今天暫時只發(fā)現(xiàn)這幾點，更多的以后繼續(xù)總結(jié)。

實在不行再用分開定義的辦法：

div

{

margin:0;

/*

給全部瀏覽器看

*/

*margin:10px;

/*

給IE6、IE7看

*/

_margin:20px;

/*

只給IE6看

*/

}

附：基本CSS樣式表

style

type="text/css"

body

{

margin:0;

font-size:9pt;

line-height:18px;

}

h1,h2,h3,ul,li,dl,dt,dd,p

{

margin:0;

padding:0;

}

ul

{

list-style:none;

}

form

{

margin:0;

}

input,textarea,select

{

font-family:Arial;

font-size:9pt;

}

.clear

{

clear:both;

}

/style

請問專業(yè)人士css+div 注意什么，說說心得經(jīng)驗

呵呵！！！多個瀏覽器多測試！符合web標(biāo)準(zhǔn)！

不要被對象、屬性、方法等詞匯所迷惑；最根本的是先了解最基礎(chǔ)知識；

不要放過任何一個看上去很簡單的小問題--他們往往并不那么簡單，或者可以引伸出很多知識點；不會舉一反三你就永遠(yuǎn)學(xué)不會；

知道一點東西，并不能說明你會全部，需要經(jīng)驗積累；

看再多的書是學(xué)不全的，要多實踐；

把時髦的技術(shù)掛在嘴邊，還不如把過時的技術(shù)記在心里；

學(xué)習(xí)的最好方法之一就是多練習(xí)；

在任何時刻都不要認(rèn)為自己手中的書已經(jīng)足夠了；

看得懂的書，請仔細(xì)看；看不懂的書，請硬著頭皮看；

別指望看第一遍書就能記住和掌握什么——請看第二遍、第三遍……；

請把書上的例子親手到電腦上實踐，即使配套光盤中有源文件；

把在書中看到的有意義的例子擴(kuò)充；并將其切實的運用到自己的工作中；

不要漏掉書中任何一個練習(xí)——請全部做完并記錄下思路；

別心急，寫代碼確實不容易；水平是在不斷的實踐中完善和發(fā)展的；

每學(xué)到一個難點的時候，嘗試著對別人講解這個知識點并讓他理解----你能講清楚才說明你真的理解了；

記錄下在和別人交流時發(fā)現(xiàn)的自己忽視或不理解的知識點；

保存好你做過的所有的源文件----那是你最好的積累之一；

對于網(wǎng)絡(luò)，還是希望大家能多利用一下，你要學(xué)會自己找答案，比如google、百度都是很好的搜索引擎，你只要輸入關(guān)鍵字就能找到很多相關(guān)資料，別老是等待別人給你希望，看的出你平時一定也很懶！

雖然不是打擊初學(xué)者，但是這句話還是要說：群是大家討論的地方，如果你總期望有高手總無償指點你，除非他是你親戚！群內(nèi)的討論者，起碼是水平相當(dāng)?shù)牟庞杏懻摰恼f法，如果水平真差距太遠(yuǎn)了，連基本操作都需要別人給解答，誰還跟你聊下去呢；

浮躁的人容易問：我到底該學(xué)什么；----別問，學(xué)就對了；

浮躁的人容易問：CSS有錢途嗎；----建議你去搶銀行；

浮躁的人容易說：我要中文版！我英文不行！----不行？學(xué)呀！

浮躁的人分兩種：只觀望而不學(xué)的人；只學(xué)而不堅持的人；

浮躁的人永遠(yuǎn)不是一個高手。請不要做浮躁的人！

2008！新的一年，新的開始！與各位共勉！

網(wǎng)頁設(shè)計實訓(xùn)心得三篇

網(wǎng)頁設(shè)計實訓(xùn)心得一：

這兩個星期是我們的網(wǎng)頁設(shè)計實訓(xùn)時間，這正是考驗我們實力的時候了。

經(jīng)過一個學(xué)期的網(wǎng)頁設(shè)計的學(xué)習(xí)，我們的專業(yè)基礎(chǔ)更加扎實了，我們對于自己的專業(yè)學(xué)習(xí)更加有信心了。一開始對于網(wǎng)站設(shè)計我是抱著好奇以及興趣認(rèn)真地學(xué)習(xí)，剛開始接觸網(wǎng)頁設(shè)計會覺得很神奇，平時上網(wǎng)接觸到的網(wǎng)頁可以通過自己的努力來建成。一心想著設(shè)計一個美觀大氣的大網(wǎng)站，可以與其他網(wǎng)站媲美。對于我這種初學(xué)者，有這種天真的夢想促使我更努力的學(xué)習(xí)網(wǎng)頁設(shè)計。

平時老師授課，講解了有關(guān)網(wǎng)頁設(shè)計的理論知識以及實際操作的示范。網(wǎng)頁設(shè)計更著重于實際操作，我們在機(jī)房通過每次上課的學(xué)習(xí)運用，已經(jīng)有了一定的基礎(chǔ)。一開始我們都是看著別人的網(wǎng)站去模仿建設(shè)，到后來每個人在設(shè)計自己的網(wǎng)頁時都有自己的人個人風(fēng)格，這就是網(wǎng)頁設(shè)計的樂趣。他不僅可以激發(fā)同學(xué)們的興趣，還可以把自己的風(fēng)格更大膽地展示出來，是一個可以展示自我的空間，使我們更有成就感。

這兩個星期我們實訓(xùn)課讓我們更清楚地認(rèn)識到自己的建站水平。實訓(xùn)任務(wù)是建立自己班級的網(wǎng)站，剛開始覺得兩個星期足夠我們?nèi)ソǔ梢粋€網(wǎng)站，但是我們都太高估我們自己了。一開始設(shè)計網(wǎng)站時不知道從何下手，之前老師上課講的知識一時不知道怎么靈活運用起來，我才發(fā)覺對我軟件功能的不太熟悉，除了基本的框架構(gòu)建，其他的設(shè)計都需要比較長的時間去思考以及翻查書本。但是同學(xué)們都很積極地向老師提問，把自己存在的問題一一的解決掉。雖然建立網(wǎng)站不是很順利，也只有這樣我們才可以正視自身，把平時半桶水的聽課方式給改掉。在這次的網(wǎng)站建設(shè)過程中，我發(fā)現(xiàn)自己對于知識不能靈活運用，不能巧妙地結(jié)合起來，對代碼的不熟悉，這更加是一個大問題。建站過程中會遇到代碼出錯，代碼位置寫錯之類的問題，當(dāng)測試的時候出現(xiàn)了錯誤但是不能看懂出錯原因，只能靠網(wǎng)上搜索。因為對于這種程序的東西我會比較抗拒，從小就不喜歡思維性太強(qiáng)的學(xué)習(xí)，所以建站會遇到比較多這種問題，但是我只能積極去面對才能完成任務(wù)，畢竟這是我的專業(yè)，為了專業(yè)而專業(yè)，不能說不喜歡就不愿意去學(xué)，這次實訓(xùn)我反省了自身的存在問題。我們建立網(wǎng)站的時候都發(fā)揮自己的創(chuàng)新力、 想象力 ，用心地完成這個大項目。會遇到很多的問題，經(jīng)常因為一個細(xì)小的步驟而出錯，做動態(tài)網(wǎng)頁的時候會遇到更多類似的問題，通常都會花費我很多時間來解決出錯原因。打個比方，我會一個上午都在弄留言板，因為不知道出錯原因，當(dāng)請教老師或是同學(xué)的時候才恍然大悟，原來是這么簡單的。當(dāng)然，最終可以解決困難我還是很欣慰的。

當(dāng)我真正建立起自己的網(wǎng)站的時候，我看著自己的作品非常地興奮，這是我用心血完成的只屬于自己的網(wǎng)站，特別地欣慰。因為過程的困難，我更加珍惜自己第一次的作品，做每一步都會小心翼翼，就像母親生怕會失去自己的孩子一樣，我就是這樣的感受。

我可以說網(wǎng)頁設(shè)計給了我很大的收獲，我是用我的熱情去學(xué)習(xí)，也是用我的真心去設(shè)計，屬于自己的東西永遠(yuǎn)是最美好的。網(wǎng)頁設(shè)計不是用嘴巴就可以設(shè)計的，更需要的我們的堅持、創(chuàng)新、用心，才能收獲更大的勝利。

網(wǎng)頁設(shè)計實訓(xùn)心得二：

轉(zhuǎn)眼間，已到了期末，學(xué)習(xí)網(wǎng)頁設(shè)計這門課程也要結(jié)束了，雖然時間有點短，但是學(xué)過這個幾周以后我受益匪淺。

記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟件心里會很害怕跟不上老師的進(jìn)程。剛開始幾節(jié)課，老師講得比較基礎(chǔ)，還能跟得上，漸漸的老師授課的進(jìn)程開始加速，有些跟不上了，需要下課后自己補(bǔ)上，問老師和周圍的同學(xué)。漸漸的，在老師的悉心教導(dǎo)下，我們開始熟悉這個軟件了。老師布置的第一個任務(wù)，要求做一個自我形象網(wǎng)站。由于學(xué)習(xí)的時間較短，老師只要求用PS做好模板即可，任務(wù)相對簡單。但也要求設(shè)計感強(qiáng)，色彩搭配和諧，并且盡可能的做成實用又符合實際的漂亮網(wǎng)頁。

第二個網(wǎng)頁設(shè)計老師要求相對較高，用dreamweaver做一個比較接近真實的網(wǎng)頁，還要做一個二級頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個表格，然后在表格內(nèi)進(jìn)行拆分合并處理，接著就把通過ps處理出來一個版頭并且把修改過大小的圖片放進(jìn)去了。

中間時預(yù)覽，問題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒有效果。最后想到可以另外再加一個表格，把版頭放在一個表格內(nèi)面，這樣問題就解決了。預(yù)覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學(xué)長做的網(wǎng)頁時，覺得他們的文字滾動窗口做得效果做得不錯，于是想借見一下。就決定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼，把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問題了。

因為需要滾動的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實際的網(wǎng)頁預(yù)覽中，這個有文字滾動的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁設(shè)計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多 方法 ，在網(wǎng)站查了很多資料，可能因為沒有專業(yè)術(shù)語作為搜索的關(guān)鍵詞，查不到任何相關(guān)的資料，試過div標(biāo)簽，試過不停的拆分表格，最后還是沒有效果。就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結(jié)果成功了，經(jīng)過一些加工，終于成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過很多次怎樣插入聲音，可是等到自己做網(wǎng)頁的時候卻忘記了，于是問其他人，結(jié)果居然都忘記了，于是自己在百度上收。最后終于找到了一個可以使用的代碼，但是在加入聲音路徑時出現(xiàn)了問題。在屬性內(nèi)加入源文件，結(jié)果就是加不進(jìn)去MP3的音樂文件，然后自己就嘗試加入了一個視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。在設(shè)計過程中還出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教同學(xué)等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善。可以說在自己動手，不斷實踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。熱情和執(zhí)著，我將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更完善。

網(wǎng)頁設(shè)計實訓(xùn)心得三：

科學(xué)是發(fā)展生產(chǎn)力的根本前提，當(dāng)今的社會是互聯(lián)網(wǎng)蓬勃發(fā)展的世界，每當(dāng)我們上網(wǎng)的時候，那一個個精美別致的網(wǎng)頁給人是多么流暢順利的感覺，無論是尋找資料還是網(wǎng)上商城購物，都給我們帶來了方便快捷的好處，我想，科學(xué)技術(shù)的發(fā)展，離不開互聯(lián)網(wǎng)的發(fā)展，而互聯(lián)網(wǎng)的發(fā)展也離不開網(wǎng)頁制作的發(fā)展，而只有把兩者結(jié)合起來才是正確的。

首先，了解網(wǎng)頁并不是單純的認(rèn)為他僅僅只是為人們服務(wù)的，而它的存在也是給我們帶來了利益和好處。當(dāng)然，了解網(wǎng)頁首先也從幾個軟件開始：

1. dreamweaver m_ __ (或dreamweaver 8)。

2. flash m_ __ (或flash 8)

3. fireworks 8

而網(wǎng)頁制作就是開始從這些軟件開始著手的，今天，我終于可以學(xué)習(xí)網(wǎng)頁制作了，我們在杜奕老師的教導(dǎo)下，各位同學(xué)們也都在聆聽老師的講解和指導(dǎo)我們運用以上這些軟件的功能和網(wǎng)頁的剖析。所謂網(wǎng)頁，就是指一個可以瀏覽內(nèi)容并且可以使用ie瀏覽器打開的內(nèi)容稱之為網(wǎng)頁。

在剛開始接觸網(wǎng)頁的第一堂課上，聽說網(wǎng)頁制作會是一門很無聊并且很難聽懂的過程，而事實卻印證了這樣一個事實，但是只要我們努力，無論是怎樣的艱難險阻，成功依然會迎面直擊。在剛開始時我覺得dreamweaver m_ __ 很難理解，不管老師做怎樣的解釋，而我卻對它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作css樣式表等，這些內(nèi)容迷糊了我的視線，真是沒想到制作一個精巧別致的網(wǎng)頁是如此的困難，可是心有不甘，每天上網(wǎng)看著那樣多的網(wǎng)頁，于是我才下定決心選擇了網(wǎng)頁制作這一門課程，目的就是希望以后能夠做出一個完美的網(wǎng)頁來。

“路漫漫其修遠(yuǎn)兮，吾將上下而求索”學(xué)習(xí)的道路是艱苦漫長的，更何況這是關(guān)于一個科學(xué)技術(shù)的一個代名詞，隨后，課堂的氣氛慢慢的好轉(zhuǎn)，耐心的老師和專心的學(xué)生在課堂上都盡情的發(fā)揮各自的才能，老師也為了能教好每一位學(xué)生，而學(xué)生也不辜負(fù)老師的使命，就這樣，網(wǎng)頁制作這一門課程進(jìn)行的很順利，學(xué)習(xí)了dreamweaver m_ __ 對它如何徹底的剖析和分解，我們終于認(rèn)清了它的原理，摸清了應(yīng)該怎樣去完全的使用它，而我們在老師的指導(dǎo)和訓(xùn)練的結(jié)果下，終于開始做屬于自己的網(wǎng)頁了。

慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務(wù)卻是需要我們每人至少做出三個網(wǎng)頁來，且內(nèi)存不能超過3m，剛開始我以為我會對著感到很是吃力，不知道該如何是好，畢竟網(wǎng)頁才是剛剛起步，根基不穩(wěn)，怎么能夠做出這樣的網(wǎng)頁呢?而我對dreamweaver m_ __ 它也不是很熟悉，心里真是很擔(dān)憂。

在這最后的時間里，我仔細(xì)掂量了一番，網(wǎng)頁制作給我的結(jié)論是：要想制作一個能夠像網(wǎng)上的那樣，還得需要經(jīng)過長時間的刻苦努力和不斷地檢驗及實踐，否則，如果只靠老師在課堂上講的那些知識是遠(yuǎn)遠(yuǎn)不夠的。畢竟網(wǎng)頁是一個技術(shù)性的知識，不像文學(xué)那樣的純理論知識。通過這個課程的學(xué)習(xí)，我從中得到了一些對網(wǎng)頁知識如功能、概念的理解，原來要做出一個簡單可行的網(wǎng)頁并不是一件害怕的事情，而是一件努力和嘗試的事情。

網(wǎng)頁設(shè)計實訓(xùn)心得三篇相關(guān) 文章 ：

★ 網(wǎng)頁設(shè)計實習(xí)心得體會3篇

★ 網(wǎng)頁設(shè)計實訓(xùn)心得

★ 網(wǎng)頁設(shè)計實訓(xùn)報告心得

★ 網(wǎng)頁設(shè)計實習(xí)心得體會感想

★ 網(wǎng)頁設(shè)計實習(xí)心得體會

★ 設(shè)計實訓(xùn)心得體會3篇

★ 設(shè)計實訓(xùn)心得體會范文3篇

★ 網(wǎng)頁制作實習(xí)心得

★ 有關(guān)網(wǎng)頁制作實訓(xùn)報告心得體會

★ 網(wǎng)頁制作實習(xí)心得小結(jié)

學(xué)習(xí)HTML,CSS和JavaScript的心得體會

說一說自己的體會吧，也不一定正確

1.簡單理解html就是文本語言，諸多元素定義成一個頁面框架，是之能在瀏覽器上顯示

2.css是對html進(jìn)行外觀設(shè)置，比直接在html里面設(shè)置更加整潔，減少代碼冗余方便維護(hù)，加載速度快，而且css中的許多偽類可以幫助實現(xiàn)諸多頁面效果

3.javascript是腳本語言，可以對dom進(jìn)行操作，方便頁面設(shè)置，幫助實現(xiàn)畫面動作，驗證，表單提交等等操作

網(wǎng)站標(biāo)題：css樣式心得,css樣式的基本語法
當(dāng)前鏈接：http://chinadenli.net/article27/dsiidcj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、軟件開發(fā)、網(wǎng)站營銷、網(wǎng)站內(nèi)鏈、網(wǎng)站改版、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)