來(lái)源:PHPzhong 發(fā)布時(shí)間:2018-12-11 17:05:27 閱讀量:1452
CSS是樣式,DIV是層.DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)(web標(biāo)準(zhǔn)),通常為了說(shuō)明與HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格(table)定位方式的區(qū)別.因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中,不再使用表格定位技術(shù),而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。很多做網(wǎng)站開發(fā)的同學(xué)都是先從web前端學(xué)起,那如何從零開始學(xué)習(xí)DIV+CSS呢?
1.學(xué)會(huì)HTML語(yǔ)言,再學(xué)習(xí)DIV+CSS時(shí)會(huì)得心應(yīng)手。
看得懂HTML語(yǔ)法,那么世界上80%的網(wǎng)站都能被你看穿。HTML語(yǔ)言很好學(xué),一定要熟記常用的一些代碼,因?yàn)橛辛讼馾reamweaver這樣的幫助生成html代碼的工具,所以很多人都忽略了HTML的學(xué)習(xí).學(xué)會(huì)了HTML互聯(lián)網(wǎng)中最基本的語(yǔ)言之后,在學(xué)習(xí)DIV+CSS時(shí),你會(huì)發(fā)現(xiàn):原來(lái)DIV+CSS也就那樣,小菜一碟。
推薦教程:
HTML在線學(xué)習(xí)手冊(cè):http://www.php.cn/course/27.html
html在線學(xué)習(xí)視頻教程:http://www.php.cn/course/list/11.html
php.cn原創(chuàng)html5視頻教程:http://www.php.cn/course/372.html
2.使用Dreamweaver的代碼模式來(lái)編寫DIV和CSS。
對(duì)于網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者來(lái)說(shuō),直接使用記事本、Notepad等工具來(lái)書寫代碼很困難。因?yàn)镈reamweaver的代碼模式有提示功能,可以在保證語(yǔ)法編寫的正確性。并且對(duì)不熟悉的語(yǔ)法可以一次性書寫正確。
如圖所示:書寫p,html時(shí)DW的提供功能。
書寫CSS時(shí)DW工具欄右側(cè)的CSS可視化編輯功能.
我學(xué)習(xí)DIV+CSS時(shí)就是從Dreamweaver的代碼模式學(xué)起的,也許不是最好,但很實(shí)用。(Dreamweaver工具下載)
推薦教程:
CSS在線學(xué)習(xí)手冊(cè):http://www.php.cn/course/45.html
CSS在線學(xué)習(xí)視頻教程:http://www.php.cn/course/list/12.html
php.cn獨(dú)孤九賤(2)-css視頻教程:http://www.php.cn/course/373.html
3.養(yǎng)成良好的書寫習(xí)慣.
有良好的生活習(xí)慣,說(shuō)明這人會(huì)過(guò)日子,有良好的CSS書寫習(xí)慣,說(shuō)明這人做事嚴(yán)謹(jǐn)。寫css的時(shí)候網(wǎng)上有很多推薦的規(guī)范,比如菜單類用menu,版權(quán)用copyright(CoryRight),底部用footer等等,在書寫順序上一般是:顯示屬性-自身屬性-文本屬性。當(dāng)然這些都沒(méi)有硬性的規(guī)定,但是遵循一些不成文的規(guī)定不是壞事,這樣讓自己寫的代碼,容易讓別人讀懂,搜索引擎也更加喜歡。
4.只有目的明確,結(jié)果清晰,過(guò)程才最高效,才不會(huì)輕易被干擾,被改變方向。
在線
客服
服務(wù)時(shí)間:周一至周日 08:30-18:00
選擇下列產(chǎn)品馬上在線溝通:
客服
熱線
7*24小時(shí)客服服務(wù)熱線
關(guān)注
微信
關(guān)注官方微信