三角形

solid

dashed

dotted

double

雙線

隱藏元素

清單類型

單元格類型

.all {height:400px;line-height:400px;}

img{vertical-align:middle;}

img{vertical-align:middle;}

span{vertical-align:middle;width:0;height:100%;display:inline-block}

固定表格佈局

自動表格佈局

無內容儲存格隱藏

無那日單元格顯示

:nth-child()

:first-child

:last-child

:only-child

:nth-last-child()

:nth-of-type()

:first-of-type

:last-of-type

:only-of-type

:nth-last-of-type()

需要結合錨點連結使用

放在目標上

加了id的是目標

內陰影

perspective

transform-style:preserve-3d;

translate3d

rotatex

rotatey

rotatez

scale3d

transform-origin

半徑：主/次

位置：x/y

display:flex

flex-direction

flex-wrap

justify-content

align-items

alegn-content

flex

align-self

order

display:grid

grid-template-columns

grid-template-rows

grid-gap

grid-template-areas

justify-content

align-content

justify-items

align-items

grid-area

grid-column

grid-row

columns:5 200px;

怪異盒模型

padding border在width height內

標準盒模型

width height不包含padding border

position:relative;

position:absolute;

top:50%;

left:50%;

margin-left:-寬一半;

margin-top:-高半;

margin:auto

position:relative;

position:absolute;

top:0;

bottom:0;

left:0;

right:0;

margin:auto

position:relative;

position:absolute;

top:calc(50% - 高半);

left:calc(50% - 寬半);

position:relative;

position:absolute;

top:50%;

left:50%;

translate(-50%,-50%);

display:flex;

margin:auto;

displayflex;

justify-content:center;

align-items:center;

display:flex;

justify-content:center;

align-self:center

display:grid;

justify-content:center;

align-content:center;

display:grid;

margin:auto;

line-height: 高;

text-align:center;

display:inline-block;

vertical-align:middle;

line-height:高;

text-align:center;

display:inline-block;

vertical-align:middle;

content:"";

display:inline-block;

vertical-align:middle;

width:0;

height:100%;

text-align:center;

vertical-align:middle;

display:table-cell;

display:inline-block;

固定高

父親盒子加overflow:hidden

在浮動下面添加一個空盒子，並設定clear:both;

萬能清浮法，給父盒子加::after{content:"";display:block;clear:both;}

controls

autoplay

muted

loop

src

width

height

controls

autoplay

muted

loop

src

on

off

all

cols

rows

none

groups

left

right

center

top

middle

bottom

baseline

get

post

（跳轉的地址）

_blank

_self

每組需要有相同的name屬性值

值

值

./

直接寫

../

資料夾

文件

D:\.......

https://img.......

有參照物

不能跨磁碟符

沒有參照物

本地的不能跨電腦（除非電腦的路徑一致）