国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

css之表格,表單

scola666 / 1818人閱讀

摘要：一表格一表格定義定義表格由標簽來定義每個表格均有若干行由標簽定義每行被分割為若個單元格由標簽定義字母指表格數據即數據單元格的內容數據單元格可以包含文本圖片列表段落表單水平線等待基本結構基本結構表格標簽表格標簽定義表格定義表格的表頭定義表格的

一.表格

1.定義

表格由標簽來定義.每個表格均有若干行(由tr標簽定義),每行被分割為若個單元格(由td標簽定義).字母td指表格數據(table data),即數據單元格的內容.數據單元格可以包含文本、圖片、列表、段落、表單、水平線等待
2.基本結構

3.表格標簽

      定義表格
         定義表格的行
定義表格列的組
      定義表格的頁眉
      定義表格的主體
      定義表格的頁腳
4.常用屬性
table
-- border: ：表格外框及單元格外框
-- cellpadding: ：單元格的內邊距
-- cellspacing: ：單元格之間的間距，最小為0
-- rules：rows、cols、groups、all：邊框規則

td
-- rowspan: ：行合并(該單元格占多行)
-- colspan: ：列合并(該單元格占多列)
-- width: : %：列寬占比

caption
-- align: left | right | top | bottom：標題方位
5.表格實現垂直水平居中
.sup {
    width: 200px;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}
.sub {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
二.表單
1.概念
表單是一個包含表單元素的區域.
表單元素是允許用戶在表單中輸入內容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)等等
2.基本結構

    
    

3.常用類型標簽
    

  • 文本框
    • 

    

  • 密文框
    • 

    

  • 單選框
    • 

男
女
    

  • 復選框
    • 

 籃球
 足球
 乒乓球 
 棒球
    

  • 下拉選項
    • 





    

  • 多行文本輸入
    • 



    

  • 按鈕
    • 













4、全局屬性
    

  • required：必填項
    • 

  • pattern：正則
    • 

5.偽類
    

  • focus:獲得焦點
    • 

三.音頻
1.基本語法
2.常用屬性
         定義表格的表頭

         定義表格單元格

    定義表格標題
   





































屬性
值
描述






autoplay
autoplay
自動播放




controls
controls
音頻控件




loop
loop
循環




muted
muted
靜音




preload
auto metadata none
預加載




src
URL
音頻源






四.視頻


1.基本語法




2.常用屬性






屬性
值
描述






width
pixels
寬度




height
pixels
高度




controls
controls
視頻控件




autoplay
autoplay
自動播放




loop
loop
循環播放




muted
muted
靜音




poster
URL
圖像占位




src
URL
視頻源




preload
auto metadata none
預加載






    

  • source屬性
    • 







屬性
值
描述






src
URL
視頻源




type
MIME_type
MIME類型






五.形變


平移
transform:translate(x,y) | translateX(num) | translateY(num)
縮放
transform:scale(x,y) | scaleX(num) | scaleY(num)
旋轉
transform: rotateX(角度) | rotateY(角度) | rotateZ(角度);
傾斜
transform:skew(角度x,角度y) | skewX(角度x) | skewY(角度y)


六.瀏覽器適配


    

  • -o-：Opera瀏覽器
    • 

  • -ms-：IE瀏覽器
    • 

  • -moz-：Firefox瀏覽器
    • 

  • -webkit-：Chrome、Safari、Android瀏覽器
    • 



徑向漸變
.box {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-image: -webkit-radial-gradient(red, yellow);
}

倒影
-webkit-box-reflect: below | above | left | right;

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1743.html

相關文章

  • HTML之body標簽中的相關標簽補充

    摘要：一列表標簽列表標簽分為三種。二表格標簽表格標簽用表示。單元格和單元格之間的距離外邊距，像素為單位。例如表示當前單元格在水平方向上要占據兩個單元格的位置。輸入標簽文本框輸入標簽文本框用于接收用戶輸入。一 列表標簽 　　列表標簽分為三種。 　　1、無序列表，無序列表中的每一項是 　　　　英文單詞解釋如下： 　　　　　　a.ul：unordered list，無序列表的意思。 　　　　　　b.l...

    felix0913 評論0 收藏0

  • HTML+CSS復習之HTML基礎篇

    摘要：規定元素的上下文菜單。上下文菜單在用戶點擊元素時顯示。規定元素仍未或不再相關。規定是否對元素進行拼寫和語法檢查。規定元素的行內樣式。 一些說明 寫在前面：HTML和CSS，當你了解所有規則后，你應該多寫頁面并記錄你出現的問題，這才是學習HTML和CSS的最佳方法 這是我學習一段時間之后，再次回顧HTML，希望大家也對HTML有不一樣的認識 我把HTML標簽分成兩大類，重要的和不重要的，...

    genefy 評論0 收藏0

  • HTML+CSS復習之HTML基礎篇

    摘要：規定元素的上下文菜單。上下文菜單在用戶點擊元素時顯示。規定元素仍未或不再相關。規定是否對元素進行拼寫和語法檢查。規定元素的行內樣式。 一些說明 寫在前面：HTML和CSS，當你了解所有規則后，你應該多寫頁面并記錄你出現的問題，這才是學習HTML和CSS的最佳方法 這是我學習一段時間之后，再次回顧HTML，希望大家也對HTML有不一樣的認識 我把HTML標簽分成兩大類，重要的和不重要的，...

    MrZONT 評論0 收藏0

  • HTMl基礎

    摘要：每個表格均有若干行由標簽定義，每行被分割為若干單元格由標簽定義。字母指表格數據，即數據單元格的內容。數據單元格可以包含文本圖片列表段落表單水平線表格等等。表格最重要的目的是顯示表格類數據。規定在提交表單時所用的方法默認。 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STRE...

    番茄西紅柿 評論0 收藏0

  • html標簽

    摘要：結束標簽會有斜線。也有一部分標簽是單獨呈現的，比如等。表單還可以包含和標簽。 一, 以瀏覽器為客戶端,寫服務器 import socket sk = socket.socket() sk.bind((127.0.0.1,8080)) sk.listen(5) while 1 : conn , addr = sk.accept() data = conn.recv(9...

    番茄西紅柿 評論0 收藏0

發表評論

0條評論

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