在一個 HTML 文件中,標籤之間有所謂的親子關係。舉例來說,title 這個標籤一定都是在 head 這個標籤之內,所以我們就說 title 是 head...
選擇器 (selector) 包含:Class 與 ID Class 的宣告法,是先放一個句點 (.),之後再列出選擇器名稱。設定一個 Class 選擇器的語...
div 與 span 類似的地方是:兩個標籤的目的都是將內容分為不同的區域。 而不同的地方是: span 可以涵蓋更細層的元素,因此可以用 span 來...
vertical-align 屬性可用來調整圖片與文字的對齊效果。 如以下範例: <!DOCTYPE html> <html> <...
使用 CSS3 的border-radius 屬性可為元素添加圓角邊框以及box-shadow 屬性可為元素添加陰影 範例: <!DOCTYPE html...
border-radius 屬性中如果只指定一個值,那麼將生成 4 個圓角。但是,如果想在四個角上一一指定,可以使用以下規則: 四個值:第一個值為左上角,第...
CSS3 中的 box-shadow 屬性適用於盒子陰影,也可用來創建卡片。 範例: <!DOCTYPE html> <html>...
按鈕動畫->鼠標移動到按鈕上後添加箭頭標記 範例: <!DOCTYPE html> <html> <head> &...
在 day2 中有提到,我的發文內容可能比較偏向基本,因是第一次參賽,目的希望在挑戰連續發文的 30 天中,更重要的是能從中學習並累積自己的前端技術。終於來到最...