摘要:一表格一表格定義定義表格由標(biāo)簽來定義每個表格均有若干行由標(biāo)簽定義每行被分割為若個單元格由標(biāo)簽定義字母指表格數(shù)據(jù)即數(shù)據(jù)單元格的內(nèi)容數(shù)據(jù)單元格可以包含文本圖片列表段落表單水平線等待基本結(jié)構(gòu)基本結(jié)構(gòu)表格標(biāo)簽表格標(biāo)簽定義表格定義表格的表頭定義表格的
表格由標(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)簽
定義表格
定義表格的表頭
定義表格的行
定義表格單元格
定義表格標(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.常用屬性
屬性
值
描述
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)文章
-
HTML之body標(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...
-
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)簽分成兩大類,重要的和不重要的,...
-
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)簽分成兩大類,重要的和不重要的,...
-
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...
-
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...
發(fā)表評論
0條評論
scola666
男|高級講師
TA的文章
閱讀更多
tensorflow
閱讀 2686·2023-04-25 20:28
Arduino nano RF433數(shù)據(jù)收發(fā)實驗(只能實現(xiàn)單板數(shù)據(jù)收發(fā))
閱讀 1863·2021-11-22 09:34
centos系統(tǒng)linux服務(wù)器快速CPU進(jìn)程占用及內(nèi)存資源過多的進(jìn)程
閱讀 3694·2021-09-26 10:20
虛擬主機(jī)網(wǎng)站怎么上傳文件-虛擬主機(jī)怎么上傳文件?
閱讀 1853·2021-09-22 16:05
uni-app 主干知識梳理
閱讀 3094·2021-09-09 09:32
#速搶#騰訊云:超級秒殺款,2核/4G內(nèi)存/80G SSD/8M帶寬/年付74元,國內(nèi)機(jī)房
閱讀 2526·2021-08-31 09:40
vue-cli的坑,loader重復(fù)的鍋 Invalid CSS after "...lo
閱讀 2108·2019-08-30 13:56
初學(xué)者可能不知道的vue技巧
閱讀 3325·2019-08-29 17:01
閱讀需要支付1元查看