iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

網頁排版個人學習筆記 系列

初入前端,對於很多觀念與熟練度都有待加強。

決定推自己一把參加鐵人賽,
把目前於六角學院所學統整成文章,藉此練習表達力與邏輯力。

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

常用HTML與CSS整理-基礎

前言 紀錄一些基本的HTML標籤與css屬性,方便斷線外加金魚腦時有地方撈資料 換行標籤 等於斷行 <br> 分隔線標籤 <hr>...

2019-09-02 ‧ 由 echocarrie 分享
DAY 2

常用HTML與CSS筆記- 表單類

表單元素 表單生成首要 需先產生一個form,按鈕、元件都需要在裡面。再分別看客戶需要些甚麼資料下去寫表單元素 action是告訴html標籤你裡面的相關...

2019-09-03 ‧ 由 echocarrie 分享
DAY 3

HTML&CSS|使用css變更html標籤特性

本文提要 CSS RESET﹑display﹑div﹑span﹑margin﹑padding﹑box-sizing﹑查詢語法與瀏覽器的兼容器工具 CSS Re...

2019-09-04 ‧ 由 echocarrie 分享
DAY 4

HTML&CSS|版型與文字置中用法

文章提要 margin:auto 讓版型置中、text-align文字水平與垂直置中 版型置中|margin:auto 環境1(上圖左) : 父元素(....

2019-09-05 ‧ 由 echocarrie 分享
DAY 5

HTML&CSS| 選單使用float呈現方式

前言 剛接觸float來設定ul li選單與使用margin或padding來增加選單按鈕區塊時,常東拼西湊的寫,冏終於今日與它們熟悉感增加許多,寫篇文章統整一...

2019-09-06 ‧ 由 echocarrie 分享
DAY 6

HTML&CSS|logo圖片取代文字技巧&選單中加入logo

優良的語意化網頁結構才有辦法讓搜尋引擎 ( SEO ) 友善的收錄 。 對網頁來說 H1 ~ H6 越前面權重越大。 段內容都要視權重標示清楚正確的網頁標...

2019-09-07 ‧ 由 echocarrie 分享
DAY 7

HTML&CSS|版面使用float也清除浮動卻清不乾淨?

前言 繳了多次作業後,發現有時清除浮動成功,有時又會被助教指正錯誤XD後來才恍然大悟,尬!! 原來一直存在著某些誤會。於是釐清誤會後,趕緊統整記錄一下。 清除...

2019-09-08 ‧ 由 echocarrie 分享
DAY 8

HTML&CSS-解決選單hover加底線效果,背景跳動問題

前言 初期單純做選單練習未加入下方banner前,由於header區塊是白色,加入hover 下底線效果,後知後覺如我也無察覺異狀。直到繳交最終作業測試選單ho...

2019-09-09 ‧ 由 echocarrie 分享
DAY 9

HTML&CSS|position 屬性

文章提要 fixed、relative、absolute、z-index用法 opsition的屬性 fixed 範例元素位置固定,頁面捲動還是會固定在相同...

2019-09-10 ‧ 由 echocarrie 分享
DAY 10

HTML&CSS| 選擇器大於的用法

前言 開始做整個網頁的撰寫後,ul li的排列方式續增→ menu選單/ 卡片排列方式 /卡片內的項目標籤..等。當某個ul li沒有寫好連動到其他ul li們...

2019-09-11 ‧ 由 echocarrie 分享