文件流（內容的排列方式）
塊元素： 內容垂直排列，每乙個內容都是佔位
內聯： 水平排列，從左到右顯示
元素浮動後不佔位（脫離文件流，脫離半層），盒子和盒子會重疊，但是文字不會
***：
不佔位的問題
1、給盒子套一層父元素，設定高度佔位
2、清除浮動clear
顏色
background-color：透明平鋪方式
background-repeat：
no-repeat 不平鋪
repeat 水平垂直都平鋪（預設值）
repeat-x 水平平鋪
repeat-y 垂直平鋪
background-position：水平位置 垂直位置
單詞：left right center（left top）
top bottom center
px
水平： 正右負左（0px 0px）
垂直： 正下負上
%（ 盒子-）的百分比
ackground-size:
px 0%
cover 等比縮放，可能顯示不全
contain 等比縮放，不一定佔滿盒子
background-attachment
固定背景（需要網頁出現滾動條）
scroll 滾動
fixed 固定
如果設定固定背景，大小和位置是以瀏覽器為參照物
jpg： 給使用者看的設計圖
psd：開發的專案圖（保留設計的圖層，方便後期測量和更改）
切圖 jpg
png（透明圖層，需要設計圖是psd格式）
前端學習第五天
用到方法 相對定位position relative 絕對定位position absolute 記憶 兩個中，left和top是一相對於二中經常用到的，達到重疊的效果 頁面結構 樣式修飾 溢位隱藏轉為滾動 overflow scroll scroll 滾動條 溢位隱藏自動換行 overflow a...
前端學習 第五天
第五天知識總結 一 選擇符的權重 id class 標籤 四個數字表示權重 內聯樣式表 1000 id 100 class 10 標籤 1 偽類選擇符 10 萬用字元 0 包含選擇符的權重為權重之和 eg box div 100 1 101 wrap con p 10 10 1 21 群組選擇符的權...
web前端學習 第五天
rgb red green blue 0,10,255 0010fe css中顏色的表示方法 加粗為重點 1 預定義顏色 blue，red，black 2 十六進製制顏色 0f0f0f 3 rgb顏色 128,0,0 全紅 4 rggba，在rgb的基礎上又新增了表示透明度的alpha 5 hsl ...