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

資訊專欄INFORMATION COLUMN

css之表格,表單

scola666 / 1820人閱讀

摘要:一表格一表格定義定義表格由標(biāo)簽來定義每個表格均有若干行由標(biāo)簽定義每行被分割為若個單元格由標(biāo)簽定義字母指表格數(shù)據(jù)即數(shù)據(jù)單元格的內(nèi)容數(shù)據(jù)單元格可以包含文本圖片列表段落表單水平線等待基本結(jié)構(gòu)基本結(jié)構(gòu)表格標(biāo)簽表格標(biāo)簽定義表格定義表格的表頭定義表格的

一.表格

1.定義

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

2.基本結(jié)構(gòu)

3.表格標(biāo)簽

      定義表格
         定義表格的行
定義表格列的組
      定義表格的頁眉
      定義表格的主體
      定義表格的頁腳

4.常用屬性

table
-- border: :表格外框及單元格外框
-- cellpadding: :單元格的內(nèi)邊距
-- cellspacing: :單元格之間的間距,最小為0
-- rules:rows、cols、groups、all:邊框規(guī)則

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

caption
-- align: left | right | top | bottom:標(biāo)題方位

5.表格實現(xiàn)垂直水平居中

.sup {
    width: 200px;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}
.sub {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

二.表單

1.概念

表單是一個包含表單元素的區(qū)域.
表單元素是允許用戶在表單中輸入內(nèi)容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)等等

2.基本結(jié)構(gòu)

3.常用類型標(biāo)簽

  • 文本框
  • 密文框
  • 單選框
  • 復(fù)選框
 籃球
 足球
 乒乓球 
 棒球
  • 下拉選項



  • 多行文本輸入

  • 按鈕











4、全局屬性

  • required:必填項
  • pattern:正則

5.偽類

  • focus:獲得焦點

三.音頻

1.基本語法

2.常用屬性

定義表格的表頭
定義表格單元格
定義表格標(biāo)題
屬性 描述
autoplay autoplay 自動播放
controls controls 音頻控件
loop loop 循環(huán)
muted muted 靜音
preload auto metadata none 預(yù)加載
src URL 音頻源

四.視頻

1.基本語法

2.常用屬性

屬性 描述
width pixels 寬度
height pixels 高度
controls controls 視頻控件
autoplay autoplay 自動播放
loop loop 循環(huán)播放
muted muted 靜音
poster URL 圖像占位
src URL 視頻源
preload auto metadata none 預(yù)加載
  • source屬性
屬性 描述
src URL 視頻源
type MIME_type MIME類型

五.形變

平移
transform:translate(x,y) | translateX(num) | translateY(num)
縮放
transform:scale(x,y) | scaleX(num) | scaleY(num)
旋轉(zhuǎn)
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;

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

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

相關(guān)文章

  • HTMLbody標(biāo)簽中的相關(guān)標(biāo)簽補(bǔ)充

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

    felix0913 評論0 收藏0
  • HTML+CSS復(fù)習(xí)HTML基礎(chǔ)篇

    摘要:規(guī)定元素的上下文菜單。上下文菜單在用戶點擊元素時顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對元素進(jìn)行拼寫和語法檢查。規(guī)定元素的行內(nèi)樣式。 一些說明 寫在前面:HTML和CSS,當(dāng)你了解所有規(guī)則后,你應(yīng)該多寫頁面并記錄你出現(xiàn)的問題,這才是學(xué)習(xí)HTML和CSS的最佳方法 這是我學(xué)習(xí)一段時間之后,再次回顧HTML,希望大家也對HTML有不一樣的認(rèn)識 我把HTML標(biāo)簽分成兩大類,重要的和不重要的,...

    genefy 評論0 收藏0
  • HTML+CSS復(fù)習(xí)HTML基礎(chǔ)篇

    摘要:規(guī)定元素的上下文菜單。上下文菜單在用戶點擊元素時顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對元素進(jìn)行拼寫和語法檢查。規(guī)定元素的行內(nèi)樣式。 一些說明 寫在前面:HTML和CSS,當(dāng)你了解所有規(guī)則后,你應(yīng)該多寫頁面并記錄你出現(xiàn)的問題,這才是學(xué)習(xí)HTML和CSS的最佳方法 這是我學(xué)習(xí)一段時間之后,再次回顧HTML,希望大家也對HTML有不一樣的認(rèn)識 我把HTML標(biāo)簽分成兩大類,重要的和不重要的,...

    MrZONT 評論0 收藏0
  • HTMl基礎(chǔ)

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

    番茄西紅柿 評論0 收藏0
  • html標(biāo)簽

    摘要:結(jié)束標(biāo)簽會有斜線。也有一部分標(biāo)簽是單獨呈現(xiàn)的,比如等。表單還可以包含和標(biāo)簽。 一, 以瀏覽器為客戶端,寫服務(wù)器 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

發(fā)表評論

0條評論

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