在使用有HTML的設定處時,你們一定對不陌生,今天就要來介紹的 父元素 使用方式!
為何要叫父元素呢?因為父元素下還有一個子元素,子元素只能被父元素包著,如同家長保護孩子一樣,所以稱為 父元素 。
我們可以在父元素框內做非常多事情,例如:
使用父元素包著子元素形成列與行的排列,詳情參考:使子元素水平置中
給予內容並在其內製作樣式排列,詳情參考:網頁區塊鏈同一頁製作不同內容
BUDA的父元素有許多種,每一個的內容寬度皆不相同,我們可以看 BUDA_W(內容寬度) 來做判斷,例如 BUDA_W100 ,就代表此父元素的內容寬度為100%,以此類推。
接下來將展示所有父元素的寬度供您參考(下方皆為1920*1080狀態之顯示畫面)
BUDA_W100
BUDA_W95
BUDA_W90
BUDA_W85
BUDA_W80
BUDA_W75
BUDA_W70
BUDA_W65
BUDA_W60
BUDA_W50
BUDA_W45
BUDA_W40
BUDA_W30
BUDA_W25
BUDA_W20
BUDA_W15
BUDA_W10
若父元素須包含子元素,請於 BUDA_W(內容寬度) 旁加上 row 並於進階的樣式中輸入 margin:auto; 讓子元素正常顯示
因父元素會跟隨螢幕解析度放大縮小寬度,所以越小的父元素於越小的解析度(例如手機、平板)寬度會非常之小,那我們如何解決這個問題呢?
請於 樣式表類別 加上 BUDA_W100P 、 BUDA_W95P 或 BUDA_W90P 進,這是為了讓手機平板之小螢幕可正常顯示寬度,下方為您示範BUDA_W100P、BUDA_W95P、BUDA_W90P的小螢幕顯示效果:
BUDA_W100P
BUDA_W95P
BUDA_W90P
#網頁區塊鏈 #區塊鏈 #網頁區塊 #網頁修改 #查修網頁 #文字 #背景 #顏色 #css #製作不同內容 #製作 #修改 #大螢幕 #小螢幕 #手機 #平板 #電腦 #css #語法 #BUDA #DIV #父元素 #子元素 ##BUDA_W100 #col
規格詳情歡迎觀看光速人軟體規格表