CSS 長度單位 在生活中我們有許多用於表示大小的單位，例如公里、公尺等，那在網頁中我們又要如何指定元素或文字的大小呢？其實在網頁開發中也有許多長度單位，主要分...
層疊性 當元素的樣式發生衝突時，瀏覽器會根據規則(權重)進行樣式層疊(覆蓋)。 樣式衝突是指某元素特同個樣式名被設為不同值，例如一個元素同時擁有 color:...
選擇器的優先順序 當我們使用多個選擇器選中同個元素，並賦予某個屬性不同值時，就會產生樣式衝突。舉例來說，當我們在 A 選擇器將元素的顏色設為紅色，又用 B 選擇...
基本選擇器 選擇器 說明 語法 通配符 作用範圍為所有標籤，用於頁面整體樣式 * { color: red } 元素 作用於同種標籤，不能進行...
偽元素 偽元素，指的是元素中一些特殊的位置，因為他不是一個真正的元素，所以被稱為偽元素。偽元素在選擇器中的寫法為 ::偽元素，下面就讓我們來介紹常見的偽元素吧！...
UI 元素狀態偽類 是指依照該元素目前的狀態(如是否勾選、是否被禁用)作為選擇器進行選擇，主要分為三種 :checked、:disabled 及 ':enabl...
元素間的關係 除了我們之前講到的交集、併集選擇器外，複合選擇器還有後代、兄弟、子選擇器等依照元素間結構關係來選取到該元素的選擇器，所以在講接下來的選擇器之前我們...
複合選擇器 複合選擇器是指由兩個或多個基礎選擇器組合而成的選擇器，複合選擇器的種類很多，常見的有子選擇器、併集選擇器、偽類等等，那接下來就讓我們一一介紹這些選擇...
CSS 選擇器 選則器的功能在於讓瀏覽器知道樣式要套用在哪個或哪些元素中，主要依據選擇器的複雜程度分為基本選擇器和複合選擇器。本篇我們會介紹常用的基本選擇器，主...
瀏覽器開發人員工具 在我們開始講選擇器種類之前，先來介紹瀏覽器中好用的工具 —— 開發人員工具。開發人員工具是瀏覽器自帶的一個開發工具套件，可以看到當前網頁結構...
什麼是 CSS？ CSS (Cascading Style Sheets）是一種用來為結構化檔案 (例如 HTML 和 CSS)加入樣式設定的語言，又被稱作階層...
Inline Frame (內嵌框架) 內嵌框架是指在我們的 HTML 頁面中嵌入另一個檔案，例如 HTML 頁面、圖片、影片等都可以被嵌入在網頁中。嵌入的標籤...
DIV (區塊元素) <div>元素（HTML 文件區塊元素）是無標籤語意的容器元素，雖然它不代表任何意義，卻是使用最多的標籤之一，主要用來把相似或...
HTML 標籤 下拉選單 - select 單選選單下拉式選單讓使用者可以從一堆選項中選擇出一個(或多個)選項。 本身做為選單的容器，在 select 裡面用...
HTML 標籤 表格 - table <table> 顧名思義就是表格標籤，用來呈現二維資料的表資訊，不過 <table> 標籤只是作為...
HTML 標籤 上一篇提到了 HTML 的標準結構，接下來我們來講組成 HTML 的重要部分 —— 標籤。 HTML 的標籤由 <、 >、 /， 及...
HTML 頁面框架 上篇文章說到前端網頁的結構是由 HTML 所構建而成的，主要用 HTML 檔案和裡面的 HTML 標籤組成我們平常所瀏覽的網頁畫面，包含各種...
基礎觀念 什麼是前端？ 前端，故名思義就是指網頁架構的前端部分，也就是我們日常在瀏覽網頁時看到的部分。前端主要包含幾個主要功能：獲取從後端傳來的資料、將資料呈現...
工具包： VS code (應該不用說明) codepen (https://codepen.io/pen/ 線上編譯器，結合html css js + 同步...
好久沒碰code來從前端的最基礎開始學起，這次雖然有目標但是不是那麼明確，還沒開始就自我懷疑😂。 https://didilonguitar.com/buybu...
java字段值爲null,不返回該字段類上打注解不讓null值返回前端場景：有時候我們返回給前端的數據是null的，而這些爲null的值前端也不需要，我們就沒必...
附上為何鐵人賽文章會出現在這裡的說明：2022 鐵人賽｜Day1 報名失敗，還是要開賽吧！ 背景脈絡 在自我介紹時有提到，目前筆者正透過兩種管道在學習前端語言，...
HTML裡面的文檔都是由元素定義的，每個元素的組合和串聯就形成一個網頁的結構，舉例來說:<P></p>代表"段落"，...
HTML 又名超文本標記語言(Hyper Text Markup Languge)不是一種編程語言，而是一種創建網路的標記語言，因電腦沒有眼睛沒有鼻子，所以在創...
我原本在蘇州一家化妝品公司擔任特助兩年，由於是小微企業，所以其工作基本要三項全能，今年嚴峻的疫情蘇州基本上半年停工，當然公司也瀕臨倒閉。 在大陸兩年裡，數字經濟...
1. 數據類型簡介 1-1 為什麼需要數據類型 在電腦中，不同的數據所需佔用的空間是不同的，為了方便把數據分成所需內存大小不同的數據，充分利用儲存空間，於是定...
JavaScript書寫方式與CSS相似，分為行內書寫，內嵌書寫以及外部書寫 1.行內書寫 <input type="button"...
1.JS是什麼? Java Script 是一種運行在客戶端的腳本語言 (script就是腳本的意思) 腳本語言 : 不需要進行編譯，運行過程中由JS引擎逐行來...
動畫 (animation) 可通過設置多個節點來精確控制一個或一組動畫，常用來實現複雜的動畫效果。 相比較過渡，動畫可以實現更多變化、更多控制，連續自動播放等...
3D轉換跟2D轉換不同的是使用三維坐標系(多了Z軸座標) 1.三維坐標系是由三個軸共同組成的 X軸 : 水平向右 注意: X軸右邊是正值 左邊是負值 Y軸 :...
Eric
a0265392_lin
iThome鐵人賽
看影片追技術