鐵人檔案
主要學習順序以HTML > CSS > JavaScript此順序為主
歡迎大家一起學習，若筆記內有不懂的地方可以留言一起進步
筆記若有錯誤或有更好的表達方式也麻煩指正，謝謝。
CSS中語法有著三大特性 分別為: 層疊性、繼承性、優先性 1. 層疊性 若是設置給相同選擇器相同的樣式 此時一個樣式就會覆蓋(層疊)另一個衝突的樣式 層疊性...
圓角邊框 使用border-radius圓角邊框樣式，可以修改盒子邊框變成圓角 語法: border-radius:length; //四邊屬性設置同樣 bo...
CSS屬性書寫順序建議 建議遵循以下順序 1. 布局定位屬性 : display / position / float / clear / visibility...
浮動屬性float用於創建浮動 使其移動到另一邊 直到左或右邊緣觸及包含塊或另一個浮動框的邊緣 語法 : 選擇器{float:屬性值;} /*...
為什麼需要定位元素? 定位元素可以實現 : 某個元素可以自由地在一個盒子內移動位置，並且壓住其他盒子 當滾動窗口的時候，盒子是固定屏幕某個位置的 所以 :...
1. 邊偏移 邊偏移就是定位的盒子移動到最終位置，有top bottom left right 四種 2. 相對定位 絕對定位 使用場景 相對定位 posi...
什麼是介面樣式? 所謂的介面樣式，就是更改一些用戶操作樣式，以提高用戶體驗。 更改用戶的鼠標樣式 語法 : li { cursor : pointer;...
1. 為什麼需要精靈圖 一個網頁中會需要很多小的背景作為修飾，若圖像過多服務器頻繁接收&發送會造成服務器壓力過大，將降低頁面加載速度 因此，為了有效減少...
1. 字體圖標使用場景 主要用於顯示網頁中通用或常用的一些小圖標 因為精靈圖有許多優點 但缺點也很明顯: a. 圖片文件相對較大b. 圖片本身放大和縮小會失真c...
CSS的初始化 簡單理解 : CSS初始化是指重設瀏覽器的樣式 (也稱 CSS reset) 每個網頁都必須首先進行 CSS初始化 初始化範例 : /* 把我们...
