定義表格的大標(biāo)題定義表頭定義整個表格定義一行
<source id="zg99i"></source>

    <mark id="zg99i"><wbr id="zg99i"></wbr></mark>
    CSS表格和表單ppt課件.ppt

    CSS表格和表單ppt課件.ppt

    ID:59422475

    大?。?.22 MB

    頁數(shù):30頁

    時間:2020-09-19

    CSS表格和表單ppt課件.ppt_第1頁
    CSS表格和表單ppt課件.ppt_第2頁
    CSS表格和表單ppt課件.ppt_第3頁
    CSS表格和表單ppt課件.ppt_第4頁
    CSS表格和表單ppt課件.ppt_第5頁
    資源描述:

    《CSS表格和表單ppt課件.ppt》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。

    1、CSS設(shè)置表格和表單組長王蓉組員馮權(quán)于琪煒參考資料:《CSS徹底研究》博客園表格控制表格1.表格中的標(biāo)記

    <code id="w4lvc"></code>

    <button id="w4lvc"></button>
    定義一個單元格控制表格2.表格的邊框">
    定義表格的大標(biāo)題
    定義表頭定義整個表格定義一行表頭部分表內(nèi)容部分tbodyth{}//只對中的th產(chǎn)生作用。表注部分對應(yīng)于表格中的一列,對需要單獨設(shè)置的列設(shè)置一個類別,然后設(shè)置該類別的CSS即可。GO美化表格1.隔行變色為了避免瀏覽者看錯行的情況,為表格設(shè)置隔行變色的效果。在CSS中實現(xiàn)隔行變色的方法很簡單,只要給偶數(shù)行的標(biāo)記都添上相應(yīng)的類型,然后對其進(jìn)行CSS設(shè)置即可

    5、。GO美化表格2.鼠標(biāo)經(jīng)過變色(高亮)在Firefox中顯示只需要通過CSS的“:hover”偽類便可以達(dá)到效果,添加如下代碼:tr:hover{background-color:#595;color:#fff}在IE中顯示相比要麻煩些,不僅要設(shè)置CSS,還要增加一段javascript代碼。當(dāng)然,在Firefox中也可以顯示正常效果。GO美化表格3.二維變色提示隨時以高亮的方式提示一個單元格對應(yīng)的行號(名)和列號(名)這里要達(dá)到的效果是使鼠標(biāo)指針經(jīng)過的單元格,以及該單元格所在的行和列的第一個單元格的背景變色。這個

    6、效果單純使用CSS是無法實現(xiàn)的,必須使用javascript來實現(xiàn)。GO多視圖模式日歷多視圖模式日歷—中視圖模式1.建立簡單的表格,包括標(biāo)題和表頭。

    9、r>星期星期星期星期星期星期星期日多

    10、視圖模式日歷—中視圖模式2.每天的日程放在具體的單元格中。

    312
      完成書稿第2部分
    • 查Javascript相關(guān)資料相關(guān)資料
    定義一個單元格控制表格2.表格的邊框.ranking{font:14px宋體;border:2pxorangesolid;text-align:center;border-spacing:10px;}.rankingtd{border:1pxorangedashed;}.rankingth{border:1pxor

    2、angesolid;}控制表格設(shè)置單元格的邊框相鄰的單元格有各自的邊框,可以在表格樣式中增加一個屬性設(shè)置:border-collapse:collapse;相鄰單元格之間原來的兩條邊框重合成一條了??刂票砀裣噜忂吙蚝喜⒃贑SS的規(guī)范中對邊框合并有以下定義:a.如果邊框的“border-style”設(shè)置為“hidden”,那么它的優(yōu)先級高于任何其他相沖突的邊框。b.如果邊框的屬性中有“none”,那么它的優(yōu)先級最低。c.如果邊框中都沒有被設(shè)置為“hidden”,并且至少有一個不是“none”,那么重合的邊框中粗的優(yōu)先

    3、于細(xì)的。d.如果邊框樣式的其它設(shè)置都相同,只是顏色區(qū)別,那么單元格的樣式最優(yōu)先,然后依次是行、行組、列、列組、表格。控制表格邊框的分離a.對td使用padding,實現(xiàn)cellpadding的作用。b.對table使用border-spacing,實現(xiàn)cellspacing的作用。padding值為5px;控制表格3.表格寬度的確定方式一:自動方式(與表格內(nèi)部的內(nèi)容相關(guān))它會根據(jù)單元格中內(nèi)容的多少進(jìn)行調(diào)整。不是width屬性設(shè)置。通常取值為“auto”。(不嚴(yán)格)方式二:固定方式(與表格內(nèi)部的內(nèi)容無關(guān))表格的水平布

    4、局不依賴于單元格的內(nèi)容,而明確地由width屬性指定。(嚴(yán)格)這個日歷就使用了固定方式。控制表格4.其它與表格相關(guān)的標(biāo)記

    2007年10月小模式

    7、中模式

    8、大模式

    134

    當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

    此文檔下載收益歸作者所有

    當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
    溫馨提示:
    1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
    2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
    3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
    4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。