選擇器 (Selector) 似乎也稱為選取器，介紹幾個常用的選擇器 標籤選擇器 type selector：又稱型態選取器，就是之前舉例時修改標籤的樣式...
Line-height 的規則與概念 line-height基本上僅需指定一個值，其撰寫方式像是這樣 line-height: 1; line-height的...
CSS的優點就是很容易上手，很好使用，無論怎麼命名、怎麼使用，只要對應的到都可以。甚至如果有相同的命名，還會去計算權重，使用權重最高的那個。幾乎不用擔心會出錯，...
昨天介紹了多重背景的用法，今天想挑戰一樣的畫面，用不同的方法做出來。 切版沒有絕對的對跟錯，只有適合什麼情境或是在什麼條件下相比起來比較好，多嘗試練習才能發掘...
有在寫Html的小夥伴可能會想問這個按鈕 <button></button> 這麼醜，我能不能去自訂一個我想要的樣式?答案當然是~~~可...
Day22 六角 Off Canvas #1 簡單小語 選單選單選單，各式各樣，基礎練習不能少，每次在RWD時的menu轉換都是一種練習，掌握每個物件的位置及...
寫CSS最痛苦的事情是什麼？ 介紹SCSS之前，先想想寫CSS最痛苦的地方是什麼？ 寫法很囉唆 不容易維護 例如以下這個例子 div { color: #...
軸向 你可能會好奇為什麼學 flexbox 要認識"軸向"，但在善於控制一維（上下、左右）的 flexbox 世界，要能控制排列的方向和順序...
今天要來講 金魚都能懂的這個網頁畫面怎麼切: No.001 - 圖文滿版區塊 未來的程式碼範例，前面都會有一個 css reset * { margin:...
Text-decoration是一個網頁開發者必學的CSS屬性了，因為用到的機會太多了，尤其是超連結的底線去除，Amos不知道被問到多少次了，此外對於有些需要強...
開始之前先補充一下 Element (元素)的說明 Element (元素) Element：簡單說元素就是一個前後完整的標籤 + 內容的組合，如下會是一個段...
前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對簡...
Day21 六角 名片練習 簡單小語 一看到名片就想接著昨天的練習做結合，讓每點擊一次名片就會更換，而且職稱還越來越高呢，現在練習的問題在於配色，對於美籍顏色...
列表清單 (List) List 標籤：主要分成 2 種，有順序和無順序的，清單內還可以再放其他清單 <ul>：代表無順序 (unordere...
.container { display: flex | inline-flex; } 上一篇提到當我們對 container 宣告 display:...
切版時，如果遇到裝飾性的元素，大多會使用偽元素 pseudo-element 來製作，在我自己的切版經驗中，我覺得他們是網頁很靈魂的存在。 什麼是偽元素？ A...
Font-style 的規則 font-style基本上僅需指定一個值，其撰寫方式像是這樣 font-style: italic; font-style的作用...
前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對簡...
Day20 六角 Flex時光屋#2 簡單小語 自己切了這個版，才發現原來Bootstrap真的很好用，觸發的事件自己寫過才知道，要如何去撰寫，要如何設計架構...
Font-weight 的規則 font-weight基本上僅需指定一個值，其撰寫方式像是這樣 font-weight: bold; 好了!講完了，今天的金魚...
昨天分享的教學是以文章資源為主，好處是一目了然，所有大綱和分類都可以快速尋找。但文字看久難免會想睡呀！ 學習時搭配一些互動式影片教學，可以幫助吸收和複習，一步一...
<head> 延續昨天的說明，<head> </head> 主要說明這個網頁的資訊，如編碼、標題，只會有一個 <h...
今天要來舉例子了，廢話不多說直接開始。要用到的 HTML 只有這行 <a href="#">Zombie@Dump</a&...
Flexbox（彈性盒子），全名 CSS Flexible Box Module Level 1（https://www.w3.org/TR/css-Flexb...
Day19 六角 Flex時光屋#1 簡單小語 看到當時時光屋練習的作品，想說挑兩個來整併，當作練習的機會，這次的結構不一樣的是，header及footer使...
前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對簡...
W3Schools 首頁有用到他們自家出產的 w3.css，這是一套類似 Bootstrap 的 CSS Framework，把很多常用的css屬性包成許多cl...
Font-size，這麼簡單的一個CSS屬性，有必要特別開一篇文章來談嗎？這根本就是騙稿費騙篇數的啊！說實在話，font-size這屬性還真的是不困難，但卻也是...
今天要介紹的這幾種偽類 pseudo-class，算是 CSS 中使用率最頻繁的幾個，我自己很常忘記這幾個的優先權順序，所以特地寫一篇筆記下來。 什麼是偽類？...
標籤 (tag) 基本上 HTML 就是一堆標籤 (tag) 組合而成 有些標籤帶有屬性 (attribute)，多個屬性顯示的先後順序不影響結果 屬性通常帶...
hokou
CSScoke
tso1158687
Zombie@Dump
kyminjob
TerryYu
placeholder name
TD
GG
EasonChang
iThome鐵人賽
看影片追技術