使用DIV+CSS做成網(wǎng)頁(1)
時間:2023-07-22 09:45:01 | 來源:網(wǎng)站運營
時間:2023-07-22 09:45:01 來源:網(wǎng)站運營
使用DIV+CSS做成網(wǎng)頁(1): 網(wǎng)站建設(shè)過程中,第一步是設(shè)計,第二步是做切片/排版/拆版(不同的企業(yè)不同的叫法),第三步是做程序。當(dāng)然其他的小的如修改、備案、解析、上傳就不包括到主要步驟中。
其中第二步絕大多數(shù)情況下是將PSD格式的設(shè)計搞做成網(wǎng)頁(小編以前遇到Fireworks的文件來切圖)。
殊途同歸,圖片的根本是分層,方便程序員來切圖。這個崗位成為前端程序員或者排版員。
這種工作的核心是DIV+CSS,有些人會認(rèn)為很難,但是,這其實是個細致活。
其核心原理是框模型,也有稱盒子模型的。
CSS中重要屬性是長width、高height、邊線border、外邊距margin、內(nèi)邊距padding;由這些組成一個一個盒子堆起來形成網(wǎng)頁。當(dāng)需要換行,div自帶。當(dāng)不需換行,可以使用float浮動來實現(xiàn)不換行。當(dāng)然實現(xiàn)起來的細節(jié)會在下篇中細講。