第十六屆

modern-web
html跟css神奇的化學反應
lxylim

系列文章

DAY 21

day 21 css的flex container (3)

今天就來說剩下的兩個屬性吧~ 這兩個屬性分別是align-items和align-content。align-items是對其項目屬性,而align-conte...

DAY 22

day 22 css 的 position

我們説了排版之後我們來説説位置吧,position就是位置的意思而在position裏面還有其他能調整位置的細項屬性。 position所擁有的屬性是: st...

DAY 23

day 23 css 的 position(2)

今天繼續昨天沒有説完的吧,接下來剩下absolute和sticky,我們先說absolute吧 absolute absolute是絕對,相對於最近定位的之前定...

DAY 24

day 24 css 的 hover

hover是我個人覺得設計網頁一定要會的屬性。這可以讓我們的網頁擁有屬於自己的特色以及特別的地方。 他主要的運作是在當你的滑鼠停在自己所設定的元素時會改變顔色之...

DAY 25

day 25 bootstrap 的 icon

今天我們來插一個題外話,也就是icon。icon就是圖示的意思 icon的例子我那discord來説,當我們把頁面滑到最下面的時候就可以看到這一頁面 看到我用黃...

DAY 26

day 26 網頁的下拉式選單

今天就來説説下拉式選單吧~ 我所使用的下拉式選單是來自於bootstarp的内建文件,但在開始使用bootstrap的元件之前就會很像上一篇一樣是需要先連接bo...

DAY 27

day 27 css 的 opacity

opacity的意思是透明度/不透明度。opacity這個屬性可取的值是介於0.0-1.0之間。值越低,元素就越透明。而1.0是預設值,只有·特別在css裏增加...

DAY 28

day 28 css 的 !important

!important的中文是重要的意思,那什麽是重要的? 在css中!important是用於增加屬性或值比一般更重要的程度。假設如果你使用了!importan...

DAY 29

day 29 可用套件select2

當我在刻一個專案時剛好裏面的一個元素是需要用到select2的所有就想説介紹一下這個套件。網址:https://select2.org/這個是select2的官...

DAY 30

day 30 lastday結言

今天是鐵人賽的最後一天啦!!! 這30天是真的漫長啊,希望我這30天所寫的文章對大家有幫助,這次主要是寫網頁的前端,而且其實前端其中是有包含JavaScript...