---
# System prepended metadata

title: html 1/15 概念
tags: [html]

---

# html 1/15 概念
###### tags: `html`
# 6-3 CSS執行順序
style最先執行->id優先執行
.colH1跟h1.st1=(.colH1)優先
# 7-1 與超連結有關的選擇器
``<a></a>``
a(:)冒號開頭都是偽元素
1~4是順序不可更動
1.a:link=預設超連結樣式
2.a:visited=瀏覽過
3.a:hover=滑鼠移至
4.a:active=選取
.list a:link=(.list空白 所有list)
.list>li>a:link=(>list元素(a)的下一個元素(li))
# 7-2 清單樣式屬性
![](https://i.imgur.com/ZvXeNJE.png)
# 7-3 邊框樣式
![](https://i.imgur.com/d6uk71g.png)
![](https://i.imgur.com/5mLqP2L.png)
# 8-1 方塊模型
![](https://i.imgur.com/ZwIgCU1.png)
最裡面content
*=所有元素
元素與元素之間不能空格換行(將圖片之間的空格削掉)
margin邊界空白距離
padding元素區域與邊框的距離
# 9-1 表格的基本架構
table
rt->row
每一列(tr)
td->column
儲存在裡面的一個儲存格(td)
th表格標題的儲存格
儲存格合併 Colspan ,rowspan(跨列)
thead tbody tfoot 用來群組化儲存格的元素
# 10-1 表單結構
form開始與結束/form
action屬性值
method預設值get及post
enctype資料傳送的編碼設定:
``
application/x-www-form-urlencoded(預設值)
mulitpart/form-data(表單上傳)
text/plain(純文字傳送)
``
# 10-2 表單-文字輸入控制項
單行文字 type:text
密碼輸入 type:password
常用屬性 name,id,value(使用者輸入)
size(寬)，maxlength(最多輸入的字元)
rows(高)列，cols(寬)欄
# 82 按鈕控制
id=for的值
(透過JavaScript自訂一些功能
input,button)
常用屬性
name,id,value,disabled(取消功能 可用於所有控制項)
enabled(每一個啟動功能)
# 11-1 表單-選擇控制
Input type=radio name="()" ()裡面要一樣
type=checkbox 複選
# 12-3內置框架-iframe
常用屬性
src,width,height
scrolling可設定值yes,on,auto(電腦自行判斷)
frameborder(隱藏框線)=0 0隱藏 1顯示
入口型的網站不能帶入(例:google,yahoo)
iframe 連接影片要靜音(?mute=1&autoplay=1)