iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

網頁開發(html.css) 系列

想透過一邊學習一邊分享自己得到學習網頁開發的過程

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

Day11:網頁開發學習之路-HTML Semantic Elements

Semantic Elements是在HTML5中提供的語意標籤包括 <header>、<nav>、<main>、<f...

2022-09-11 ‧ 由 claireyang 分享
DAY 12

Day12:網頁開發學習之路-HTML id與class

id屬性 指定HTML元素的唯一 ID該id 屬性的值在 HTML 文檔中必須是唯一的。 <h1 id="title">我是標題...

2022-09-12 ‧ 由 claireyang 分享
DAY 13

Day13:網頁開發學習之路-CSS基本介紹

CSS(Cascading Style Sheets)階層式樣式表主要是幫網站加入元素(顏色、字型…等),不能單獨使用,必須與HTML或XML一起協同工作 Cs...

2022-09-13 ‧ 由 claireyang 分享
DAY 14

Day14:網頁開發學習之路-CSS Selectors(選擇器)

CSS selectors(選擇器)是用來選取要套用CSS樣式的HTML元素的一種語法規則以下是比較常見的幾種CSS Selectors(選擇器) Univer...

2022-09-14 ‧ 由 claireyang 分享
DAY 15

Day15:網頁開發學習之路-元素邊界

今天要來講在CSS排版中很常看到也很重要的元素邊界margin(邊界)、padding(邊距)、border(邊框) 在網頁上按下F12(或滑鼠右鍵按下檢視)...

2022-09-15 ‧ 由 claireyang 分享
DAY 16

Day16:網頁開發學習之路-display 屬性

了解display屬性很重要的,在網頁設計中的排版需要很清楚知道display屬性才能在需要的時候,依據自己想要呈現的樣貌,製作出符合需求的版面 display...

2022-09-16 ‧ 由 claireyang 分享
DAY 17

Day17:網頁開發學習之路-text style

網頁的文字呈現方式、美化、編排可以透過文字樣式設定包含文字大小、文字字體、文字位置....等,今天就要來看一下如何設定文字的樣貌 1.font-size(文字大...

2022-09-17 ‧ 由 claireyang 分享
DAY 18

Day18:網頁開發學習之路-box-sizing

box-sizing是用來調整區塊的內距與邊框計算方式 參數值 | 語法 | 說明------------- | -------------content-bo...

2022-09-18 ‧ 由 claireyang 分享
DAY 19

Day19:網頁開發學習之路-flexbox(一)

Flexbox彈性的盒子,可延展性很高,讓排版變得容易許多是一個非常好用的工具 CSS中加上display: flex;可以彈性的調整元素的方向(flex-di...

2022-09-19 ‧ 由 claireyang 分享
DAY 20

Day20:網頁開發學習之路-flexbox(二)

今天邁入第20天了,先鼓勵一下自己 今天要繼續來看flex中的 flex-grow、flex-shrink 和 flex-basis 這三個屬性主要是用來做元素...

2022-09-20 ‧ 由 claireyang 分享