一、媒體查詢
Snipaste_2022-04-11_22-16-13.png
1.媒體特性常用寫法
1.max-width
2.min-width
2.區(qū)分設(shè)備類型
Snipaste_2022-04-11_22-18-43.png
3.媒體特性
數(shù)值：width,height,max-width,max-height,min-width,min-height
屏幕方向：orientation（屬性）：portrait（豎屏）藐窄、landscape（橫屏）
Snipaste_2022-04-11_22-24-13.png
二遮精、BootStrap
中文官網(wǎng): https://www.bootcss.com/
bootstrap使用步驟
1.引入：bootstrap提供的css代碼
<link rel="stylesheet" href="./bootstrap-3.3.7/css/bootstrap.css">
2.調(diào)用類：使用bootstrap提供的樣式
.container是BootStrap中專門提供的類名，所有應(yīng)用該類名的盒子旺嬉，默認已被指定寬度且居中管行。
.container-fluid也是BootStrap中專門提供的類名，所有應(yīng)用該類名的盒子邪媳，寬度均為100%捐顷。
分別使用.row類名和.col類名定義柵格布局的行和列。
注意: 1. container類自帶間距15px;
- row類自帶間距-15px
BootStrap柵格系統(tǒng)
柵格化是指將整個網(wǎng)頁的寬度分成若干等份
BootStrap3默認將網(wǎng)頁分成12等份
Snipaste_2022-04-11_23-15-43.png
