DAY1今天是參加鐵人賽的第一天之前都是覺得自己下班後有時間有精力才會偶爾學習一下這次想藉著IT鐵人賽每天堅持發布篇學習記錄達到原子習慣的效果 之前就有跟老師學...
DAY2之前老師在教VUE3的時候,我CSS的基礎幾乎是沒有,導致在學VUE3的時候我幾乎是硬背所有的元件。 CSS引入方式 常見:外部樣式表、內部樣式、行內...
CSS選擇器 3.子元素選擇器:只選擇class的直接子元素4.相鄰兄弟選擇器:套用兩個相鄰在後的標籤 屬性選擇器1.具有特定屬性的元素:2.屬性值完全匹配:...
3.屬性值包含特定文字:4.屬性值以特定文字開頭:5.屬性值以特定文字結尾: 偽類選擇器1.連結狀態:2.表單元素狀態:3.按鈕互動效果:4.結構偽類:5.斑...
Box Model 邊框樣式css .border-examples { width: 300px; border: 1px solid #ccc...
導覽列範例css /* 導航列 */ .navbar { background-color: #2c3e50;/* 導覽列背景色(深藍灰色) */ pa...
/* 各種顏色格式範例 */ .color-examples { /* 顏色名稱 */ color: red; background-color:...
次要按鈕:css .secondary-button { background-color: transparent; color: #3498db; b...
背景設定css .bg-examples { background-color: #ecf0f1 } html <div class="b...
字型設定 /*基本字型設定*/ body { font-family: -apple-system,/* 蘋果系統字體 (San Francisc...