鐵人檔案
嗨各位，今天是鐵人賽第11天，今天要介紹的是要如何建置SCSS環境，我們廢話不多說，直接開始介紹我是如何建置環境: 步驟1.先打開你的vscode，並安裝延伸模...
嗨各位，今天是鐵人賽第12天，上期說到Scss/sass與css的差別今天要介紹的是SCSS/Sass基本語法，基本上和css相似，但是比css碼更好維護，那我...
嗨各位，今天是鐵人賽第13天，昨天講了一些基本語法，我們今天也是繼續補充一些語法，那我們廢話不多說直接開始。 基本巢狀結構 在編寫CSS的時候會有一些階層結構複...
嗨各位，今天是鐵人賽第14天，今天也是要繼續講SCSS的基本用法，那我界直接開始介紹吧。 定義繼承 請問我該如何定義繼承呢?答:可以使用@extend，後面要跟...
查找HTML元素 1.document.getElementById('idName'):通過元素"id":選擇元素。2.document....
JavaScript是一種廣泛使用的程式語言，用於網頁開發、服務器端編程和應用程序開發。 變數是JavaScript中的基本概念之一，用於存儲和操作數據。 在J...
@media是CSS中的一種規則，用於媒體查詢（Media Query）。它允許您在不同的媒體和設備條件下應用不同的CSS樣式。媒體查詢是回應式網頁設計的關鍵組...
在網頁設計中，我們經常需要控制不同元素之間的視覺堆疊順序，以實現所需的布局和覆蓋效果。這就是CSS中的 z-index 屬性派上用場的地方。 什麼是 z-ind...
Bootstrap是什麼 Bootstrap 是一個開源的前端框架，用於網頁和Web應用程序的設計和開發。 它最初由Twitter團隊開發，並於2011年首次釋...
Flex是一種用於網頁佈局的強大CSS技術。透過Flex佈局，您可以更靈活、簡單地控制和設計網頁元素的排列方式，以達到不同螢幕大小或裝置上的響應性設計需求。以下...
