iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

學習 HTML / CSS 遇到的問題 系列

記錄一些自己在初學 HTML / CSS 時遇過的問題,或是看過其他初學者遇過的問題

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 11

關於表單的 name、for、id 屬性

表單元素的 name 屬性 input 的 name 屬性也是初學時比較不了解的,input 中的 name 屬性主要用於讓輸入的資料能傳送到後端伺服器(ser...

2020-09-26 ‧ 由 hsin yu 分享
DAY 12

關於 <textarea>

&lt;textarea&gt; 是輸入多行文字的輸入框,需注意不像輸入單行的 input 是空元素,textarea 需有結尾標籤 &lt;/textarea...

2020-09-27 ‧ 由 hsin yu 分享
DAY 13

關於 HTML 環境

在程式編輯器開始撰寫 HTML 時,會需要先產生 HTML 環境,才能開始撰寫 HTML 的網頁內容通常都會使用 emmet 語法快速產生 HTML 環境,輸入...

2020-09-28 ‧ 由 hsin yu 分享
DAY 14

CSS 基本樣式組成、載入 CSS

初學網頁開發時,通常會是 HTML 和 CSS 一起學,在 HTML 將整體網頁內容架構好後,使用 CSS 讓基本架構設計過的外觀 CSS 的樣式運作規則就是選...

2020-09-29 ‧ 由 hsin yu 分享
DAY 15

外/內部 CSS 及 CSS 屬性支援

外部 CSS 或內部 CSS 通常都會將 CSS 樣式和 HTML 內容分開,將樣式與網頁結構分開的好處是,不需在每個網頁重複相同的樣式,要是有一些樣式是每個網...

2020-09-30 ‧ 由 hsin yu 分享
DAY 16

關於盒模型 ( box model )

關於盒模型的介紹可以參考文章:前端基礎:CSS 盒模型(box model). 什麼是 box model? | by Hugh’s Program learn...

2020-10-01 ‧ 由 hsin yu 分享
DAY 17

簡略認識 CSS 前綴詞

有些 CSS 屬性較新,像是 CSS grid 等,不一定每個瀏覽器都會支援此 CSS 屬性,為了讓不同版本的瀏覽器都能正確顯示該 CSS 樣式,需在 CSS...

2020-10-02 ‧ 由 hsin yu 分享
DAY 18

很常用到的 margin / padding

margin margin 屬性是 margin-top 、margin-right、 margin-bottom 、 margin-left 的總和,可...

2020-10-03 ‧ 由 hsin yu 分享
DAY 19

關於 CSS 中,值的百分比 %

此篇是參考 Amelia Wattenberger熟悉百分比分別是根據何者計算,自己在練習時使用百分比時都是用一直微調的方式調到符合的樣子,沒注意是根據誰來計算...

2020-10-04 ‧ 由 hsin yu 分享
DAY 20

認識 CSS 顏色值

在設定顏色時,最常使用 HEX 碼來表示顏色,對於顏色的表示方法沒有太多著墨,因此這次來記錄顏色表示方式 在 CSS 樣式指定色彩時,表達顏色的方式有:RGB...

2020-10-05 ‧ 由 hsin yu 分享