iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

我的網頁前端小小小教室 系列

html css javascript

鐵人鍊成 | 共 30 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文 團隊imac_跳過這篇
DAY 11

Day11 CSS基本說明

講完了那麼多的Html,接下來要進入到CSS環節的部分了,身為網頁裝潢師的它,我們先從怎麼使用它開始講起。 第一種方式我們直接在你的html檔案中,head標籤...

2021-09-25 ‧ 由 karta1366796 分享
DAY 12

Day12 CSS基礎設定介紹_1

文字及字體 文字大小及字體是我們在網頁中最常設定跟調整的,在預設的字體中你可能找不到你想要的字體類型,這時候我們可以利用Google font去看看你想要的字體...

2021-09-26 ‧ 由 karta1366796 分享
DAY 13

Day13 CSS基礎設定_3

今天我們要來介紹有關CSS排版,方塊的概念,之前的文章有提到過,網頁就像很多不同的方塊組合而成,這樣解釋或許有點難懂,但接下來我們會實際帶你來看。 margin...

2021-09-27 ‧ 由 karta1366796 分享
DAY 14

Day14 CSS基礎設定_4

今天我們要來教一些常用到的基本設定、包括寬高、背景顏色、文字顏色,以及inline與block的區別。 1.設定寬高 <style>...

2021-09-28 ‧ 由 karta1366796 分享
DAY 15

# Day15 CSS基礎設定_5

今天要來介紹網頁常用的元素border,邊框的意思。 border 我們今天要建立一個簡單的欄位版型搭配邊框。會有一張圖片、圖片介紹跟邊框。 <style...

2021-09-29 ‧ 由 karta1366796 分享
DAY 16

Day16 CSS排版之神flex

今天要介紹十分好用的一個屬性display:flex。 有了這個東西以後,不用再擔心會排版排到想摔電腦,他可以幫你處理得十分恰到好處,接下來我們就要來認識干貨中...

2021-09-30 ‧ 由 karta1366796 分享
DAY 17

Day17 CSS位置position介紹

今天我們要介紹的是CSS重要屬性position,在排版中我們會遇到許多不同的情況,而利用position可以幫助我們解決這些問題。接下來就讓我們了解posit...

2021-10-01 ‧ 由 karta1366796 分享
DAY 18

Day18 CSS網頁開始寫前的準備

學到這裡,我們差不多可以開始著手做出一個簡單的網頁了! 但是在這之前我們需要link一個CSS檔案,叫做reset.css檔案。 而我們為甚麼要有這個CSS檔案...

2021-10-02 ‧ 由 karta1366796 分享
DAY 19

Day19 網頁的頁首header

今天我們就要著手開始實作拉!而造順序來的話我們最上方都會有個logo跟導覽列,接下來就讓我們把學過的東西結合開始製作吧! 通常,我們要先用Html把結構建造出來...

2021-10-03 ‧ 由 karta1366796 分享
DAY 20

Day20 CSS Banner與搜尋框

上一篇我們做完了導覽列,今天我們就要建立導覽列下面會有的一張大圖片,以及搜尋框,一步一步完成我們的網頁! 我們先在html body裡建立我們要的東西,會有一張...

2021-10-04 ‧ 由 karta1366796 分享