iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

30天前端學習筆記心得 系列

第一次參加,證明自己能不能堅持完成30天,並且有比賽經驗,分享自己在前端學習的筆記與心得,希望能挑戰成功。

鐵人鍊成 | 共 34 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11-Html表格

<table> 表格標籤 <tr> (table row)表格橫列 <td> (table data)表格直行...

2023-09-26 ‧ 由 cindy7020 分享
DAY 12

Day12-Html表單

<form> 表單標籤 <label> 欄位標題 網頁所設計表單欄位標題,再搭配其他標籤建立一個完整表單內容,利用for屬性,...

2023-09-27 ‧ 由 cindy7020 分享
DAY 13

Day13-CSS選擇器和偽元素

CSS選擇器 是CSS用來選擇HTML元素語法,告訴瀏覽器哪些元素會應用CSS樣式 通用選擇器(universal selector) 可以匹配 Ht...

2023-09-28 ‧ 由 cindy7020 分享
DAY 14

Day14-CSS語法樣式

(font)字體 color 顏色 font-size 大小 font-family 字型 font-weight 粗細 font-s...

2023-09-29 ‧ 由 cindy7020 分享
DAY 15

Day15-CSS BOX MODEL

所謂盒子模型,在網頁用邊距、邊框、內距、內容,而且CSS排版是網頁開發基礎概念 width 寬度 height 高度 padding 內邊距...

2023-09-30 ‧ 由 cindy7020 分享
DAY 16

Day16-CSS位置浮動清除

位置(position) 指定元素在父元素定位方式 Static預設值 照原始位置顯示 .box { width: 250px;...

2023-10-01 ‧ 由 cindy7020 分享
DAY 17

Day17-CSS FLEXBOX

Css flexbox Flexbox(Flexible Box Layout) 是CSS模型、排列、對齊、分佈容器項目,有主軸起點、終點、尺寸和交錯軸起點、終...

2023-10-02 ‧ 由 cindy7020 分享
DAY 18

Day18-Justify-content和Align-items

Justify-content水平對齊 指定彈性容器項目在主軸上對齊方式,主軸是水平方向 flex-start 從左側或頂部開始對齊 .container...

2023-10-03 ‧ 由 cindy7020 分享
DAY 18

Day18-Align-Self和Align-Content

Align-Self 指定 flex或grid 元素對齊方式,可以覆蓋父元素 align-items 屬性的值 .box{ display: flex;...

2023-10-03 ‧ 由 cindy7020 分享
DAY 19

Day19-flex-basis、flex-grow、flex-shrink

flex-basis 指定彈性容器項目在主軸上初始大小 數字:指定項目初始大小 百分比:容器大小百分比 auto:內容大小 * { margi...

2023-10-04 ‧ 由 cindy7020 分享