Flex from:https://www.w3.org/TR/css-flexbox-1/#property-index Flex Box:是一個 (Box...
HTML 標籤 下拉選單 - select 單選選單下拉式選單讓使用者可以從一堆選項中選擇出一個(或多個)選項。 本身做為選單的容器,在 select 裡面用...
這次要寫一個播放器的清單,在編寫之前,我先把 navbar 優化了一下,如下圖呈現的樣式,但我還是沒有研究出來 search 要怎麼對齊在 navbar 的中間...
CSS的選擇器分為基礎選擇器以及複合選擇器本日將先說明基礎選擇器 DAY6將繼續說明複合選擇器 CSS中的基礎選擇器單個選擇器組成,包含標籤選擇器、類選擇器、i...
前言: 前面我們介紹了很多html, css, php和mysql相關的內容了!今天我們要繼續來介紹JavaScript!這個JavaSript呢可以說是目前...
今晚,我想來點... 收表單就和跑外送一樣,外送員要知道自己要怎麼送以及要送到哪。如同 U 家外送員可以選騎機車或是開車送外送,表單可以選擇用 Post 或 G...
一、前言 Gulp 是工作流程自動化的工具,可以幫我們處理一些需要重複執行的指令,像這類繁瑣的工作,可以交給 Gulp 來處理,在初學 Gulp 時,可以直接...
【前言】本系列為個人前端學習之路的學習筆記,在過往的學習過程中累積了很多筆記,如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...
一、 前言 有時候覺得自己明明很努力做事,可是總是覺得好像事情一直都無法在規劃的時間內完成。發現自己在訂定目標時,除了會加入一堆多餘的步驟,以及使用了錯誤的方...
所有可以編輯「純文字」的編輯器,都能作為 HTML 的編輯器使用,但有些比較優秀的編輯器,提供了「程式碼上色」、「除錯」、「快速產生程式碼」等功能,利用這些編輯...
今天要來做的是圖片模糊加載,圖片一開始是很模糊的,隨著加載率從0%~100%的過程中,會越來越清楚,最後進入焦點,而加載文字的部分則會慢慢淡出 事前準備 1....
表單標籤主要功用是用來收集使用者資料 常用情況 : 註冊頁面... 主要由 表單域、表單元素、提示文字 這三種內容組成 以MOMO註冊頁面為範例: 1.表單域...
今天要來做下圖這樣的表格 附上 CSS 樣式設定 <style> table, th, td{ border: 1px...
前言 希望在挑戰結束前還能做至少一個挑戰 在開始這個挑戰前因為有使用到一個SCSS,是屬於一種CSS預處理器的部分 先簡單解釋一下再來開始挑戰摟~ SCSS可...
進入 aside 中間部分的編寫,想要寫成下方畫面程式碼滿簡單的,跟前面的程式碼差不多,但這次加入了畫面優化跟效果, 先來看一下 HTML 程式碼 <u...
這個暑假就像開頭第一篇說的,應該是大部分人度過最長的一個暑假,我原本也沒什麼目標,打算好好休養生息,但還好我的朋友們找我做了這麼一個Project,讓我學到了很...
網路上有著各式各樣的網站,看似五花八門,但其實基本的頁面都是由 HTML 與 CSS 所構成,再加入程式語言來增加與使用者間的互動。這一篇,我要先來介紹一下 H...
Day12 金魚 不規則邊緣 簡單小語 這次的練習較為簡單些,主要就是每個元素的位置控制及掌握,才能讓不規則的邊緣呈現樣式,再利用padding的方式向上推展...
前言 前面講了那麼多HTML架構啦~CSS排版樣式設計啦~ 那如果直接嘗試挑戰會是如何呢? 自己本身是沒有設計背景的,所以曾經嘗試用學習到的這些語法,然後拼湊看...
HTML 是一份可以給瀏覽器讀取的文件,副檔名為.html,我們在網頁上所看見的元件,基本上都是由 HTML 標籤所生成,後續再由CSS 、JS去做美化編輯。今...
假設你想要知道Google搜尋的按鈕,只求它那一段的原始碼,可以在它的位置上點擊右鍵,選擇檢測元素,並不需要檢測原始碼自虐。這時候是不是看見兩個地方跟它的名字感...
直接把整個試算表連結發給別人除了要載入很久且會出現一堆不需要的按鍵,整個畫面很醜很沒有質感。而且如果你把其他隱私的資料也放在裡面,都會被一次看光光。那我們就來幫...
Day14 AC 英雄頁面#1 簡單小語 之前在學習AC時做鋼鐵人的練習,當時就想有一天一定要做其他角色然後放上其餘資訊,所以到了今天就毫不猶豫的練習一波,光...
前言繼五花八門的選擇器之後,來到了空間學堂,同樣程度的燒腦啊~ 講到CSS最後的這趴重點就要回想到當初我們的區塊(想當初~~ Day 6講到區塊元素 Day 1...
首先,我們先用一個簡單的範例來做介紹 二話不多說,先來看一下頁面的樣子,我再來慢慢講解 <!DOCTYPE html> 是用來聲明,這個文件是 HT...
Day37 電光一閃 簡單小語 為什麼叫電光一閃呢?因為每個在hover後都是快速閃一下,一時興起就來的電光一閃吧(衝吧皮卡丘,宅ing),看到好多樣式,於是...
小弟熱愛音樂,前一週自己發想一個音樂主題的頁面網站,記錄各樣的網頁撰寫方式,接下來這一週要向 KKBOX 致敬,撰寫內容如下 navbar 導覽列 左邊 si...
期望:每個回合戰鬥結束後,雙方補充魔力值30 嘗試:我問過chant gpt 他說邏輯沒問題,可是運作上,無法達成回合補魔效果 請問這是什麼問題? https:...
前言: 昨天的進度中,我們大致完成了一個由HTML建構起來的網站,只是看起來真的是太陽春了。今天我們就透過CSS來加上一些會動又好看的特效吧! 我CSS有龍炮...
在html裡面有分成區塊層級(block level)及行內層級(inlinelevel),前者在瀏覽器會是新的一行且是整個區塊呈現;後者不會有新的一行,呈現是...