在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ 產(chǎn)品經(jīng)理/ 第十章 表格布局原理
第四十一章 定位實(shí)例(二)
第十四章 從 div 扯開(kāi)去
第四十三章 定位實(shí)例(四)
第四十五章 無(wú)聊的寫(xiě)個(gè)小游戲吧
第十七章 導(dǎo)航條(二)
第十三章 神一樣的 CSS
第二十三章 導(dǎo)航條(八)
第四十章 定位實(shí)例(一)
第五十九章 見(jiàn)證奇跡
第三十五章 隨便聊聊
第十九章 導(dǎo)航條(四)
第四十四章 定位實(shí)例(五)
第三十六章 定位(一)
第三十九章 坐標(biāo)系
第三十四章 一些補(bǔ)遺
第五十八章 各就各位,預(yù)備~~
第二十七章 首屏大海報(bào)(一)
第二十六章 CSS 書(shū)寫(xiě)規(guī)范
第十一章 一起寫(xiě)個(gè)百度
第三章 幾個(gè)小故事
第七章 認(rèn)識(shí)鏈接
前言
第五十五章 苛刻至極!
第三十三章 一個(gè)頁(yè)尾
第二十二章 導(dǎo)航條(七)
第四十七章 JavaScript Start
第五十章 最簡(jiǎn)單的邏輯判斷
第五十三章 一百遍啊一百遍!
第四章 做點(diǎn)準(zhǔn)備工作
第一章 開(kāi)場(chǎng)小談
第六章 開(kāi)始寫(xiě)點(diǎn)東西
第五十六章 一套工具
第四十二章 定位實(shí)例(三)
第五十二章 愛(ài)妃,朕還宣你!
第二十五章 導(dǎo)航條(十)
第五章 一個(gè)模板
第二章 扯扯學(xué)習(xí)方法
第十八章 導(dǎo)航條(三)
第四十六章 響應(yīng)式
第四十八章 變量
第十六章 導(dǎo)航條(一)
第三十八章 定位(三)
第二十九章 首屏大海報(bào)(三)
第四十九章 運(yùn)算符
第九章 來(lái)吧,表哥(表格)!
第三十一章 還是海報(bào)
第十章 表格布局原理
第三十章 首屏大海報(bào)(四)
第十二章 相對(duì)地址
第二十章 導(dǎo)航條(五)
第五十七章 助理!麻煩過(guò)來(lái)一下~
第三十二章 一些格子
第五十一章 朕宣你!
第五十四章 一萬(wàn)遍啊一萬(wàn)遍!
第二十八章 首屏大海報(bào)(二)
第十五章 開(kāi)始征途
第三十七章 定位(二)
第六十章 開(kāi)始玩玩
第二十一章 導(dǎo)航條(六)
第八章 半個(gè)標(biāo)簽
第二十四章 導(dǎo)航條(九)

第十章 表格布局原理

如果本章演示效果無(wú)法正常展示,請(qǐng)至主站查看 http://coffee.zji.me/

這個(gè)吧,其實(shí)真的沒(méi)有很復(fù)雜的道理,就是每個(gè)單元里放上相應(yīng)的內(nèi)容,靠表格控制著他規(guī)規(guī)矩矩的呆著。當(dāng)然了,沒(méi)東西的地方就不填寫(xiě)了,于是就留出了空白。

現(xiàn)在很少有人用表格去布局了,除了淘寶之類(lèi)的特殊情況,或者……這家伙不會(huì) CSS。因?yàn)楸砀癫混`活,修改起來(lái)也十分的麻煩啊~在這里簡(jiǎn)單講講做個(gè)了解。

比如我現(xiàn)在有兩張圖片,想讓他們排在一行,然后相互距離 100 像素怎么辦呢?我們就做一個(gè)一行三列的表格,第一個(gè)單元格和第三個(gè)單元格分別放一張圖片,而第二個(gè)單元格留空,設(shè)置寬度為 100px。代碼如下:

<table>
    <tr>
        <td><img src="http://coffee.zji.me/imgs/bridge.jpg" width="300" /></td>
        <td width="100"></td>
        <td><img src="http://coffee.zji.me/imgs/bridge.jpg" width="300" /></td>
    </tr>
</table>

來(lái)看看效果:

那么我們只是想讓一張圖片距離左側(cè) 300px 呢?

<table>
    <tr>
        <td width="300"></td>
        <td><img src="http://coffee.zji.me/imgs/bridge.jpg" width="300" /></td>
    </tr>
</table>

效果如下:

所以這個(gè)東西其實(shí)很好理解,設(shè)置合適的單元格尺寸,來(lái)?yè)伍_(kāi)布局而已,你用 Excel 也可以玩。然后到了布局復(fù)雜的不行了,大家又發(fā)明了表格的嵌套,就是把一個(gè)表格放到另一個(gè)表格的單元格里,亂的讓人想吐……不多說(shuō),只做了解。下一章我們學(xué)習(xí)一個(gè)重點(diǎn)的內(nèi)容哦——表單。

本章學(xué)習(xí)卡片:卡片 10


本書(shū)是收費(fèi)的,不過(guò)交費(fèi)憑自覺(jué)。價(jià)格定義為每人請(qǐng)我喝一杯咖啡(哪種品質(zhì)的咖啡隨意),支付寶賬號(hào):

alay9999@163.com (劉源)

為了讓大家閱讀方便,本書(shū)將在如下站點(diǎn)發(fā)布,但最終內(nèi)容以主站為準(zhǔn):

未經(jīng)本人許可,禁止任何形式轉(zhuǎn)載。相關(guān)事宜請(qǐng)聯(lián)系: dms@zji.me