學習筆記

CSS預處理器是網頁開發中佔了一個重要的角色(尤其是對於大型專案) CSS預處理的功能可以讓你更好的管理和編寫程式碼。當然，你還是可以選擇不用任何預處理器工具來完成一個網站，但是學習使用預處理器來編寫CSS以後絕對不會後悔! 一、CSS預處理器的基礎 1. 介紹CSS預處理器的概念...

Emmet 就像是編寫程式專用快捷指令，他是專為Web開發者設計的強大工具，可以幫助我們加速HTML和CSS程式碼的編寫。讓我們深入瞭解並瞭解它是如何改變Web開發的吧! 一、 什麼是Emmet？ 他是一個外掛程式，可以在許多流行的編輯器和整合式開發環境（IDE）中使用，如Visual...

想美化你的網頁就少不了CSS，使用CSS可以定義字體、顏色、進行佈局和更改更多元素的外觀，讓你的網頁看起來更吸引人! 但開始撰寫CSS之前，我們需要先了解怎麼讓CSS作用在HTML上! 在HTML中使用CSS，有三種主要的方式：外部樣式表、內部樣式表 和 行內樣式表。...

一、CodePen簡介 CodePen 是一個線上程式碼編輯器和社交平台，允許開發人員、設計師和創作者建立、分享和測試前端程式碼片段。它的主要特色包括： 1. 線上編輯器：不用下載和另外安裝套件，就能簡單使用程式碼編輯器!...

前情提要： 1. 主機使用Bluehost2. 網站使用wordpress架設 1....

某天，客戶丟給我好幾個word表格讓我放進文章裡面。大概長這樣: 無論是老手或者新手，看到表格應該下意識會想皺眉頭，對於新手是因為和html標籤不熟不知道該從何下手(相信我，直接在編輯器裡面複製貼上通常會很醜)；對老手來說切表格很容易，但是因為要一格一格對資料太麻煩了，每次都對到眼花。 所以如果是幫客戶上資料，我都是靠偷吃步幫我簡化整個流程哈哈這邊先不詳述，工具我放在文末。 建議你跟著我先簡單認識一下表格是怎麼切出來的，才能應付各種狀況喔! 一、HTML常見表格結構...

Tables Generator讓懶人成為第一名工具！表格生成器 如何使用工具來幫助網站建立一個漂亮的表格呢？建議你可以試試這一個方便的線上工具！使用方式非常簡單，而且就算不懂程式也沒關係！一步一步帶你了解怎麼使用這個網頁工具，快來看看這是怎麼操作的吧！ 一、操作方式說明 Step1.進入先將最上面的標籤切換到HTML...