資訊專欄INFORMATION COLUMN
摘要：一表格一表格定義定義表格由標(biāo)簽來定義每個(gè)表格均有若干行由標(biāo)簽定義每行被分割為若個(gè)單元格由標(biāo)簽定義字母指表格數(shù)據(jù)即數(shù)據(jù)單元格的內(nèi)容數(shù)據(jù)單元格可以包含文本圖片列表段落表單水平線等待基本結(jié)構(gòu)基本結(jié)構(gòu)表格標(biāo)簽表格標(biāo)簽定義表格定義表格的表頭定義表格的
表格由標(biāo)簽來定義.每個(gè)表格均有若干行(由tr標(biāo)簽定義),每行被分割為若個(gè)單元格(由td標(biāo)簽定義).字母td指表格數(shù)據(jù)(table data),即數(shù)據(jù)單元格的內(nèi)容.數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線等待
2.基本結(jié)構(gòu)
3.表格標(biāo)簽
定義表格
定義表格的表頭
定義表格的行
定義表格單元格
定義表格標(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.表格實(shí)現(xiàn)垂直水平居中
.sup {
width: 200px;
height: 200px;
display: table-cell;
vertical-align: middle;
}
.sub {
width: 100px;
height: 100px;
margin: 0 auto;
}
二.表單
1.概念
表單是一個(gè)包含表單元素的區(qū)域.
表單元素是允許用戶在表單中輸入內(nèi)容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)等等
2.基本結(jié)構(gòu)
3.常用類型標(biāo)簽
- 文本框
- 密文框
- 單選框
男
女
- 復(fù)選框
籃球
足球
乒乓球
棒球
- 下拉選項(xiàng)
- 多行文本輸入
- 按鈕
4、全局屬性
- required：必填項(xiàng)
- pattern：正則
5.偽類
- focus:獲得焦點(diǎn)
三.音頻
1.基本語法
2.常用屬性
屬性
值
描述
autoplay
autoplay
自動(dòng)播放
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
自動(dòng)播放
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://systransis.cn/yun/1743.html
相關(guān)文章
-
HTML之body標(biāo)簽中的相關(guān)標(biāo)簽補(bǔ)充
摘要：一列表標(biāo)簽列表標(biāo)簽分為三種。二表格標(biāo)簽表格標(biāo)簽用表示。單元格和單元格之間的距離外邊距，像素為單位。例如表示當(dāng)前單元格在水平方向上要占據(jù)兩個(gè)單元格的位置。輸入標(biāo)簽文本框輸入標(biāo)簽文本框用于接收用戶輸入。一 列表標(biāo)簽
列表標(biāo)簽分為三種。
1、無序列表，無序列表中的每一項(xiàng)是
英文單詞解釋如下：
a.ul：unordered list，無序列表的意思。
b.l...
-
HTML+CSS復(fù)習(xí)之HTML基礎(chǔ)篇
摘要：規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對(duì)元素進(jìn)行拼寫和語法檢查。規(guī)定元素的行內(nèi)樣式。
一些說明
寫在前面：HTML和CSS，當(dāng)你了解所有規(guī)則后，你應(yīng)該多寫頁面并記錄你出現(xiàn)的問題，這才是學(xué)習(xí)HTML和CSS的最佳方法
這是我學(xué)習(xí)一段時(shí)間之后，再次回顧HTML，希望大家也對(duì)HTML有不一樣的認(rèn)識(shí)
我把HTML標(biāo)簽分成兩大類，重要的和不重要的，...
-
HTML+CSS復(fù)習(xí)之HTML基礎(chǔ)篇
摘要：規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對(duì)元素進(jìn)行拼寫和語法檢查。規(guī)定元素的行內(nèi)樣式。
一些說明
寫在前面：HTML和CSS，當(dāng)你了解所有規(guī)則后，你應(yīng)該多寫頁面并記錄你出現(xiàn)的問題，這才是學(xué)習(xí)HTML和CSS的最佳方法
這是我學(xué)習(xí)一段時(shí)間之后，再次回顧HTML，希望大家也對(duì)HTML有不一樣的認(rèn)識(shí)
我把HTML標(biāo)簽分成兩大類，重要的和不重要的，...
-
HTMl基礎(chǔ)
摘要：每個(gè)表格均有若干行由標(biāo)簽定義，每行被分割為若干單元格由標(biāo)簽定義。字母指表格數(shù)據(jù)，即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本圖片列表段落表單水平線表格等等。表格最重要的目的是顯示表格類數(shù)據(jù)。規(guī)定在提交表單時(shí)所用的方法默認(rèn)。
import socket
def main():
sock = socket.socket(socket.AF_INET, socket.SOCK_STRE...
-
html標(biāo)簽
摘要：結(jié)束標(biāo)簽會(huì)有斜線。也有一部分標(biāo)簽是單獨(dú)呈現(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...
發(fā)表評(píng)論
0條評(píng)論
scola666
男|高級(jí)講師
TA的文章
閱讀更多
tensorflow
閱讀 2689·2023-04-25 20:28
Arduino nano RF433數(shù)據(jù)收發(fā)實(shí)驗(yàn)（只能實(shí)現(xiàn)單板數(shù)據(jù)收發(fā)）
閱讀 1876·2021-11-22 09:34
centos系統(tǒng)linux服務(wù)器快速CPU進(jìn)程占用及內(nèi)存資源過多的進(jìn)程
閱讀 3706·2021-09-26 10:20
虛擬主機(jī)網(wǎng)站怎么上傳文件-虛擬主機(jī)怎么上傳文件？
閱讀 1863·2021-09-22 16:05
uni-app 主干知識(shí)梳理
閱讀 3099·2021-09-09 09:32
#速搶#騰訊云：超級(jí)秒殺款，2核/4G內(nèi)存/80G SSD/8M帶寬/年付74元，國內(nèi)機(jī)房
閱讀 2533·2021-08-31 09:40
vue-cli的坑，loader重復(fù)的鍋 Invalid CSS after "...lo
閱讀 2117·2019-08-30 13:56
初學(xué)者可能不知道的vue技巧
閱讀 3330·2019-08-29 17:01
最新活動(dòng)
閱讀需要支付1元查看
