Html5 学习笔记 --》html基础 css 基础
HTML5 功能
?HTML5特點(diǎn)
?
?
<!DOCTYPE html> <html lang="zh-cn"> <head><meta charset="utf-8"><title>基本格式</title> </head> <body><a href="http://www.baidu.com">百度</a> </body> </html>?
?基本元素了解：
blockquote ：此元素實(shí)際作用出了和<p> 元素一樣 有段落空隙的功能 還包含了手尾縮進(jìn)的功能 語(yǔ)義上表示 打斷的引用他處的內(nèi)容
pre：編輯器什么樣 顯示出來什么樣
figure figcaption 使用插圖：
<figure>
<figcaption>這是一張圖</figcaption>
<img src="img.png">
</figure>
table 行合并 rowspan 列合并 clospan
tfoot 不管編輯器頁(yè)面具體位置 顯示固定在表格下方
thead 固定在表格上方 為表頭結(jié)構(gòu)
caption 給表格添加標(biāo)題
<caption>這是一個(gè)任務(wù)表格</caption>
colgroup 處理某個(gè)列 span 定義處理那些列 1 表示1列 2表示處理2列 如果單獨(dú)處理第二列則需要先定義第一列 然后再單獨(dú)定義第二列
<colgroup span="2" style="background:red;"> ?// 紅色和綠色部分可以相互替換
<col> // 進(jìn)行占位
<col style="background:red;">
</colgroup>
文檔元素使用：
hgroup 作用為當(dāng)多個(gè)標(biāo)題出現(xiàn) 干擾到已對(duì)或者多個(gè)本身需要整合的標(biāo)題 這是使用此元素的包含組群
section 這里一般存放文檔主題內(nèi)容
nav 添加一個(gè)導(dǎo)航
article 獨(dú)立添加一個(gè)獨(dú)立的文檔 包含頭 尾 主題等一系列內(nèi)容 比較大的頁(yè)面會(huì)使用到
aside 生成注釋欄
address 聯(lián)系信息 地址電話等
details 元素生成詳情區(qū)域 summary 勻速在內(nèi)部生成說明標(biāo)簽 盡量不要用?
整體結(jié)構(gòu)：
?
img圖像嵌入元素：
音頻視頻：
音頻和視頻差不多：
?
表單元素：
元素列表：
form 元素：
input 元素：
input type=text 時(shí)候：
html實(shí)體：
css選擇器：
只有第一層的 li 才控制 其他層次的不控制
a::after {
content : ?'搜索-';
}
偽類選擇器：
解釋 選擇子元素的第二個(gè)元素
組件默認(rèn)情況下不顯示
?
顏色定義： 顏色表示方案
html 4 時(shí)候 顏色代碼只有16種
字體設(shè)置：
Web字體： BrushScriptStd.otf 是系統(tǒng)字體庫(kù)字體 引入可以直接使用
塊級(jí)元素隔離其他元素 p div 等
?
? transparent ：透明色設(shè)置
?
等比例縮放圖像：
eg:
表格列表樣式：
border-spacing ：單元格每個(gè)格子之間間距
empty-cells: hide 單元格內(nèi)容為空 隱藏單元格邊框
盒子的陰影和輪廓
box-shadow：給div實(shí)現(xiàn)光影效果
轉(zhuǎn)載于:https://www.cnblogs.com/lixuchun/p/9147986.html
總結(jié)
以上是生活随笔為你收集整理的Html5 学习笔记 --》html基础 css 基础的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： mysql远程连接错误10038--na
- 下一篇： 485. Max Consecutive