前言 哈囉~我是一位平面設計師,相信現在很多平面設計師常常被要求需要會一堆技能,起初只要會adobe illustrator、photoshop,現在還希望你會...
基本概念 基本的網頁是由 HTML、CSS 與 JavaScript 所組成 HTML 負責建構網頁的內容及基本架構 CSS 專門負責美化網頁的任務 Java...
CSS引入方式 有以下四種方式可以在HTML中引入 CSS。 1.內聯方式 內聯方式指的是直接在HTML標籤中的style屬性中添加CSS。 <div s...
重置CSS的CSS樣式表 將網頁排版在各瀏覽器快速一致化,接下來的所有範例都需要使用 主要原因是每一個瀏覽器所使用的預設樣式皆不同,去呈現我們所設計的網頁外觀,...
範例版面 在接下來的幾天主要練習下方圖片的切版,規劃了較為簡單的基礎版面,在開始執行切板之前可以先稍微規劃一下要使用的class name以及切版方式,可以協助...
圖文版面1 今天要練習最上方主BANNER的切版 整理幾個小重點如下方: 1.將section_kv設為滿版,添加背景色#FFEBF22.添加一個contain...
按鈕效果(before、after) 在網頁中,可以看到常常游標移動到按鈕的時候,通常都會有變化,讓使用者知道游標有確實的接觸到,今天就要來練習這個效果 整...
圖文版面2 今天要練習第二塊跟第三塊圖文版面的部分 整理幾個小重點如下方: 1.將section_melon以及section_gym設為滿版2.兩個部分都添加...
區塊卡片 今天要練習第四區塊卡片的切版 整理幾個小重點如下方: 1.將section_part2設為滿版2.添加一個container,做為固定欄寬1200px...
區塊卡片2 在這個範例中要練習多個卡片的排列以及游標移至卡片後的效果 整理幾個小重點如下方: 1.將section_card設為滿版2.添加一個containe...