Semantic Elements是在HTML5中提供的語意標籤包括 <header>、<nav>、<main>、<f...
id屬性 指定HTML元素的唯一 ID該id 屬性的值在 HTML 文檔中必須是唯一的。 <h1 id="title">我是標題...
CSS(Cascading Style Sheets)階層式樣式表主要是幫網站加入元素(顏色、字型…等),不能單獨使用,必須與HTML或XML一起協同工作 Cs...
CSS selectors(選擇器)是用來選取要套用CSS樣式的HTML元素的一種語法規則以下是比較常見的幾種CSS Selectors(選擇器) Univer...
今天要來講在CSS排版中很常看到也很重要的元素邊界margin(邊界)、padding(邊距)、border(邊框) 在網頁上按下F12(或滑鼠右鍵按下檢視)...
了解display屬性很重要的,在網頁設計中的排版需要很清楚知道display屬性才能在需要的時候,依據自己想要呈現的樣貌,製作出符合需求的版面 display...
網頁的文字呈現方式、美化、編排可以透過文字樣式設定包含文字大小、文字字體、文字位置....等,今天就要來看一下如何設定文字的樣貌 1.font-size(文字大...
box-sizing是用來調整區塊的內距與邊框計算方式 參數值 | 語法 | 說明------------- | -------------content-bo...
Flexbox彈性的盒子,可延展性很高,讓排版變得容易許多是一個非常好用的工具 CSS中加上display: flex;可以彈性的調整元素的方向(flex-di...
今天邁入第20天了,先鼓勵一下自己 今天要繼續來看flex中的 flex-grow、flex-shrink 和 flex-basis 這三個屬性主要是用來做元素...