iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

30天複習網頁前端設計! 系列

這次的參賽目的主要是想複習之前上課所學的HTML以及CSS,透過這次的整理,讓自己之後方便查看,希望能順利完賽!

參賽天數 15 天 | 共 27 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文

Day21:CSS-Display(一)

display屬性 每個HTML元素都有display屬性的預設值,常見的類型為區塊元素(block)或行內元素(inline),兩者的差別在於顯示所占用的空間...

2022-11-28 ‧ 由 Ju 分享

Day22:CSS-Display(二)

inline-block 行內區塊以inline的方式呈現,但同時擁有block的屬性,可以設定元素的寬、高、margin、padding。 舉例: 傳統...

2022-11-28 ‧ 由 Ju 分享

Day23:CSS-Display(三)

flex 新的 flexbox 技術重新定義了使用 CSS 版面配置的方法。遺憾的是 flexbox規範最近的變動過多,導致不同瀏覽器之間對它的實作也有所差...

2022-11-28 ‧ 由 Ju 分享

Day24:CSS-Display(四)

grid 格線佈局把頁面的主要區域分離、或者是在HTML語言構造的區域間,定義大小、位置、層次等方面的關聯。 舉例:HTML <div class=&...

2022-11-28 ‧ 由 Ju 分享

Day25:實做練習

複習了前面24篇文章,總算把一些記憶都找回來了!我發現如果要在30篇內將HTML及CSS仔細地做完筆記,應該不太可能完成,但是目前也打好了一定的基礎,剩下不足的...

2022-11-28 ‧ 由 Ju 分享

Day26:實做練習-履歷

<body> <!--header and navbar--> <header> <nav...

2022-11-28 ‧ 由 Ju 分享

Day27:實做練習-聯絡方式

<body> <!--header and navbar--> <header> <nav...

2022-11-28 ‧ 由 Ju 分享