成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

【靜態(tài)頁面架構(gòu)】CSS之表格

instein / 3378人閱讀

摘要：架構(gòu)表格元素表格的基本結(jié)構(gòu)以元素建立表格元素是表格行，元素是表示表格單元格表格以行和列表示容器元素屬性默認(rèn)的表格和單元格都有邊框表格默認(rèn)是有寬度的單元格之和決定元素表示表格中的單元格單元格默認(rèn)寬度由內(nèi)容決定姓名年齡職業(yè)桐人

CSS架構(gòu) 表格: 1.元素:

表格的基本結(jié)構(gòu)；
以table元素建立表格
tr元素是表格行，td元素是表示表格單元格





    

        
        姓名
        年齡
        職業(yè)
    

    

        桐人
        17
        劍士
    

    

        亞絲娜
        16
        補(bǔ)師
表格的表頭單元格；

th元素來定義表格行或列表頭單元格
th元素中使用scope屬性設(shè)置單元格的行和列表頭



    
    姓名
    年齡
    職業(yè)


    桐人
    17
    劍士


    亞絲娜
    16
    補(bǔ)師
表格的標(biāo)題；

caption元素定義表格的標(biāo)題
caption元素被定義在table元素中頂部


    登錄人員表
    
    


        姓名
        年齡
        職業(yè)
    

    

        桐人
        17
        劍士
    

    

        亞絲娜
        16
        補(bǔ)師
跨行與跨列；

colspan屬性是設(shè)置單元格橫跨的列數(shù)
rowspan屬性是設(shè)置單元格橫跨的行數(shù)




    

        姓名
        年齡
        職業(yè)
    

    

        桐人
        
        17
        
    

    

        亞絲娜
        16
長表格；

thead元素；設(shè)置表格的頁眉內(nèi)容
tbody元素；設(shè)置表格的主題內(nèi)容
tfoot元素；設(shè)置表格的頁腳內(nèi)容




    登錄人員表
    
    
    
    

        姓名
        年齡
        職業(yè)
    

    
    
    
    

        桐人
        16
        劍士
    

    

        亞絲娜
        17
        補(bǔ)師
2.樣式: 表格布局；

以table-layout屬性定義布局表格單元格
fixed值；

 




    


        姓名
        年齡
        職業(yè)
    

    

        桐人
        17
        劍士
    

    

        亞絲娜
        16
        補(bǔ)師
表格標(biāo)題；

以caption-side屬性來是caption元素顯示表格位置
有2個值表示；top表示表格的頂部，bottom表示表格的底部






    
    登錄人員表
    

        姓名
        年齡
        職業(yè)
    

    

        桐人
        17
        劍士
    

    

        亞絲娜
        16
        補(bǔ)師
表格邊框；

border-collapse屬性來表示決定邊框是分開還是合并
border-spacing屬性設(shè)置相鄰單元格邊框之間距離

 





    


        姓名
        年齡
        職業(yè)
    

    

        桐人
        17
        劍士
    

    

        亞絲娜
        16
        補(bǔ)師

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/113808.html

相關(guān)文章

  • 【靜態(tài)頁面架構(gòu)】HTML之布局

    摘要：一布局水平居中第一種居中方式以屬性設(shè)置父級元素和設(shè)置行內(nèi)塊級元素將屬性設(shè)置父級元素設(shè)置文本內(nèi)容水平方向居中設(shè)置行內(nèi)塊級元素愛新覺羅呼延覺羅第二種居中方式以設(shè)置塊級元素和外邊距特性來設(shè)置外邊距實現(xiàn)水 一.布局； 1.水平居中 第一種居中方式； 以text-align屬性設(shè)置父級元素和設(shè)置行內(nèi)塊級元素 body{ text-align: cente...

    imtianx 評論0 收藏0

  • HTML

    摘要：目前，中關(guān)村黑馬程序員訓(xùn)練營已成長為行業(yè)學(xué)員質(zhì)量好課程內(nèi)容深企業(yè)滿意的移動開發(fā)高端訓(xùn)練基地，并被評為中關(guān)村軟件園重點扶持人才企業(yè)。黑馬程序員的學(xué)員篩選制度，遠(yuǎn)比現(xiàn)在以上的企業(yè)招聘流程更為嚴(yán)格。系統(tǒng)的學(xué)習(xí)可以參考w3c的教程 web概念概述 * JavaWeb： * 使用Java語言開發(fā)基于互聯(lián)網(wǎng)的項目 * 軟件架構(gòu)： 1. C/S: Client/Server 客戶端/服務(wù)...

    Snailclimb 評論0 收藏0

  • 設(shè)計架構(gòu)

    摘要：先來看一張系統(tǒng)前后端架構(gòu)模型圖。一種接口的約定本文用于定義一種統(tǒng)一的接口設(shè)計方案，希望具有參考價值。，和都是常見的軟件架構(gòu)設(shè)計模式，它通過分離關(guān)注點來改進(jìn)代碼的組織方式。 如何無痛降低 if else 面條代碼復(fù)雜度 相信不少同學(xué)在維護(hù)老項目時，都遇到過在深深的 if else 之間糾纏的業(yè)務(wù)邏輯。面對這樣的一團(tuán)亂麻，簡單粗暴地繼續(xù)增量修改常常只會讓復(fù)雜度越來越高，可讀性越來越差，有沒...

    graf 評論0 收藏0

  • 【靜態(tài)頁面架構(gòu)】CSS之鏈接和圖像

    CSS架構(gòu) 一。鏈接: 鏈接元素:通過使用a元素的href屬性設(shè)置跳轉(zhuǎn)到指定頁面地址 a{ color: blue; text-decoration: none; } a:hover{ cursor:default; text-decoration:...

    jlanglang 評論0 收藏0

  • 【靜態(tài)頁面架構(gòu)】CSS之顯示與溢出

    摘要：架構(gòu)顯示與溢出顯示屬性以設(shè)置隱藏效果和元素類型設(shè)置當(dāng)前元素為隱藏效果這種方式將元素設(shè)置為隱藏后，該元素不會再占有頁面空間通過屬性將元素顯示將元素設(shè)置為塊級元素將元素設(shè)置為內(nèi)聯(lián)元素將元素設(shè)置為行內(nèi)元素屬性以設(shè)置，元素顯示或隱藏 CSS架構(gòu) 顯示與溢出； 1.顯示； display屬性； 以display設(shè)置隱藏效果和元素類型 div { widt...

    tolerious 評論0 收藏0

發(fā)表評論

0條評論

instein

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<