頁尾 在這個範例中要練習頁尾部分的切版 整理幾個小重點如下方： 1.將footer_content設為滿版，添加背景色#FFEBF22.添加一個containe...
浮動視窗 在這個範例中要練習固定的浮動視窗，類似我們常看到的側邊廣告，位置不會隨著視窗滑動而改變 1.position: fixed 使用屬性position:...
區塊卡片2 在這個範例中要練習多個卡片的排列以及游標移至卡片後的效果 整理幾個小重點如下方： 1.將section_card設為滿版2.添加一個containe...
區塊卡片 今天要練習第四區塊卡片的切版 整理幾個小重點如下方： 1.將section_part2設為滿版2.添加一個container，做為固定欄寬1200px...
圖文版面2 今天要練習第二塊跟第三塊圖文版面的部分 整理幾個小重點如下方： 1.將section_melon以及section_gym設為滿版2.兩個部分都添加...
按鈕效果(before、after) 在網頁中，可以看到常常游標移動到按鈕的時候，通常都會有變化，讓使用者知道游標有確實的接觸到，今天就要來練習這個效果 整...
圖文版面1 今天要練習最上方主BANNER的切版 整理幾個小重點如下方： 1.將section_kv設為滿版，添加背景色#FFEBF22.添加一個contain...
範例版面 在接下來的幾天主要練習下方圖片的切版，規劃了較為簡單的基礎版面，在開始執行切板之前可以先稍微規劃一下要使用的class name以及切版方式，可以協助...
重置CSS的CSS樣式表 將網頁排版在各瀏覽器快速一致化，接下來的所有範例都需要使用 主要原因是每一個瀏覽器所使用的預設樣式皆不同，去呈現我們所設計的網頁外觀，...
CSS引入方式 有以下四種方式可以在HTML中引入 CSS。 1.內聯方式 內聯方式指的是直接在HTML標籤中的style屬性中添加CSS。 <div s...
基本概念 基本的網頁是由 HTML、CSS 與 JavaScript 所組成 HTML 負責建構網頁的內容及基本架構 CSS 專門負責美化網頁的任務 Java...
Intent又稱意圖，它是一個將要執行的動作抽象描述，由Intent來協助完成各組間之間的通訊。 常見的應用場景有： 啟動Activity 啟動Service...
前言 哈囉~我是一位平面設計師，相信現在很多平面設計師常常被要求需要會一堆技能，起初只要會adobe illustrator、photoshop，現在還希望你會...
在所有的HTML中只有< span >< div >沒有語意，它們主要的功用就是包裹其他元素，進行排版或是介面的修飾 div屬於區塊元素...
簡介 Activity是應用程序的可視介面組件, 其畫面從創建到銷毀又可以分為7個執行階段, 和生命的誕生到死往之間有著不同階段的概念一樣, 每個階段有著各...
在HTML裡，表格由 < table > 標籤来作為容器，裡面由< tr >或是< td >來組成。數據可以包含文本、圖片、...
這是我第一次參加iThome鐵人賽, 接觸Android開發的時間還不到5個月, 而學習Android開發這段期間還因個人繁雜的事務要處理, 導致學習Andro...
延續前章節，我們繼續討論< form >表單的子標籤 < textarea >多行輸入 跟 < input > 標籤不同的是...
HTML 表單 (form) 是用來讓使用者輸入資料，這些資料可以用來和使用者互動，例如表單內容填完後可以傳回遠端伺服器 (web server)，像常見的連絡...
今天我們來聊聊這兩個標籤的使用場景 時間< time >在段落裡面，如果有與日期相關的語意，就可以用< time > 來表達，我們會使用...
HTML裡極為重要的一個標籤 META TAG 不可忽視! 但它不是人看的。 META 標籤是一個專門提供給搜尋引擎透過crawlers-spiders爬行蜘蛛...
我們在HTML的表格都是由 < table > 標籤來定義。每個表格都有若干行（由 < tr > 標籤定義），然後每行被分割為若干單元格...
上次我們有提到 < b > 和 < strong > 同樣都有將字體加粗的效果，同樣< i > 和 < em >...
HTML使用標籤"bold"< b >跟"italic"< i >對輸出的文本進行格式，如下列的...
HTML標記語言裡，能讓CSS和javaScript整合運作的關鍵，就是運用好HTML的屬性(HTML Attribute)，但是在使用屬性之前，我們要整理出需...
非本科系學習程式語言的小白，想利用空閒時間記錄自己學習路程..一邊寫一邊複習，加深自己的記憶! AppServ-Download https://www.ap...
CSS是啥？全名為(Cascading Stylesheets)，谷哥中文是階層樣式表，是一種風格頁面語言(style sheet language)，能讓...
抓住官方文件，將時間花在選擇而不是設定上 Soledad 有提供詳細的 Document裡面有文字與影片的操作文件，幾乎跟著操作可以達到 90% 的成功，當然有...
購買後需詳閱公開聲明書 會下這標題的原因是，主題真正購買後的安裝設定，真的需要參考網路文章才能少走很多冤望路，昨天的文章將個人網站的預設架構與主題作了初步的擬定...
ThemeForest 佈景主題有 40,000 多個，琳瑯滿目 暨上篇文章【領域展開 08 式】 WordPress 佈景主題選擇 (彷彿發現無底洞 當中理解...
ruhui0726
ian_liu
Eric
Jade Chang
iThome鐵人賽
看影片追技術