一、浮動
float 浮動 讓元素在行顯示
left 左浮動
right右浮動
二、選擇器：
標籤選擇器：div{}
類選擇器：.box{}
後代選擇器
選擇類名為box下的所有div
.box div{}
三、縮放：
transform:scale(1); 等比例縮放
transform:scale(x軸縮放,y軸縮放);
四、延遲動畫
animation:scale(動畫名稱) 1s(執行時長) 0.2s(延遲時間) linear(運動曲線) infinite(運動次數) alternate(往返);
五、子盒子在父盒子中絕對居中：
第一步：給父級盒子設定相對定位；
第二部：給子級盒子設定絕對定位，然後設定margin:auto;left:0;right:0;top:0;bottom:0;
注意：定位的時候除了這種情況，左右不能同時設定，上下也不能同時設定；
六：盒子的層級關係：
z-index
1）預設後寫的標籤層級要比先寫的層級高
2) 子盒子預設要比父盒子層級高；
3) z-index 的值越大層級越高，如果兩個值相對，通過先後順序比較；
七、陰影：
box-shadow:水平距離(必須) 垂直距離(必須) 模糊距離(可選) 陰影尺寸(可選) 陰影顏色(可選) inset(outset預設值)可選，內陰影或**影
設定多個陰影：box-shadow:10px 10px blue,-10px -10px red;
八、線性漸變：
background:linear-gradient(red,blue); // 由紅色到藍色的漸變，預設是從上到下
background:linear-gradient(to right,red,blue); // 設定漸變的方向
background:linear-gradient(red 50%,blue); // 0-50% 純紅色，從50%到100%是紅到藍的漸變
background:linear-gradient(red 50%,blue 80%); // 0-50%純紅色，從50%到80%是紅到藍的漸變，從80%到100%是純藍色
設定多個漸變： background:linear-gradient(rgba(255,0,0,0.3) 50%,rgba(255,0,0,0) 50%),linear-gradient(to right,rgba(255,0,0,0.3) 50%,rgba(255,0,0,0) 50%);
九、rgba
顏色表示方式：
1) 英文單詞；
2）十六進製制（常用）
3）rgb 紅綠藍三原色
rgba
a 是指透明度
值：0-1，0是完全透明，1是完全不透明
十、背景圖：
background-size:寬 高;
web基礎筆記
瀏覽器本身是乙個客戶端，當你輸入url時，首先瀏覽器會去請求dns伺服器，通過dns獲取相應的網域名稱對應的ip，然後通過ip找到ip對應的伺服器後，要求建立tcp連線，等瀏覽器傳送完http request 請求 包後，伺服器接受到請求包之後才開始處理請求包，伺服器呼叫自身服務，返回http re...
Web學習筆記 CSS 一 CSS 基礎
本文參考 w3school 簡介 層疊次序 樣式表優先順序 內聯樣式 在 html 元素內部 內部樣式表 位於 標籤內部 外部樣式表 瀏覽器預設設定 如果有多個樣式表時，瀏覽器會按上述順序進行使用樣式表，優先順序高的沒有才會使用優先順序低的 通過乙個例子來介紹css語法 將 h1 元素內的文字顏色定...
Web基礎學習筆記 CSS基礎
1.概述 1 層疊樣式表 2 用來美化和布局頁面的一種語言，配合html一起使用 3 可以寫在html裡，也可以寫在字尾名為 css 的檔案裡 4 使用瀏覽器來 解釋和執行 5 實現樣式與內容的分離，方便團隊開發提高效率 提高效率 實現頁面精確控制 2.用途 1 美化外觀 2 布局 定位 3.基本語...