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：用色調，飽和度和透明度三個分量來表示顏色
（6） hsla：在hsl的基礎上又新增了表示透明度的alpha
background-color：背景顏色
background-image：背景
background-repeat：複製選項（repeat在水平，垂直兩方向複製）
（repeat-x/y 在水平/垂直方向進行）
（no-repeat 不複製）
background-position：所在位置 上 top 下bottom 左left 右right
簡寫：將所有元素放在一起
順序要求：背景顏色->背景->重複方式->所在位置
（1） 固定高度與寬度（height：200px）
（2） 自適應高度（高度會根據內容的增加而增加）
（3） 指定最大高度max-height（內容增加到指定高度的時候就不會再增加）
（4） 指定最小高度min-height（開始時高度固定，內容增加到一定地步時開始增加高度）
（1）visibility：hidden 僅僅隱藏內容，該元素所佔位置依然存在
（2）display：none 不僅隱藏內容，而且隱藏位置
display：inline 將塊級元素以內聯元素形式顯示，此時寬，高等屬性對其無效
display：inline-block 將塊級元素以內聯元素形式顯示並且具有塊級元素的特徵，寬，高屬性依然有效
margin：外邊距
margin-top（上）margin-bottom（下） margin-left（左） margin-right（右）
使用方式：
（1）margin：30px 變速上下左右外邊距都設定30px
（2）margin-left：30px 變速設定距離左方30px
（3）margin：10px 20px 10px 20px 分別設定上右下左四個邊的邊距，順序按照順時針方向
（4）margin：20px 30px 分別設定上下邊距為20px 左右邊距為30px
padding：內邊距
與margin類似 上下左右邊距都有
border：邊框
如果想讓兩個盒子在一行內，那麼兩個盒子都要浮動（float）並且給他們的父類消除浮動（overflow: hidden；）
什麼是父類：
box是div1和div2的父類.
前端學習第五天
用到方法 相對定位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第五天作業
盒子高度 內容高度 填充 邊框 外邊距 盒子寬度同理 左浮動 left 右浮動 right 1 浮動了兩個div元素div2和div3 div2 行內塊元素沒有獨佔一行 div3 緊跟在div2的右邊 div4 緊跟在div1的下面 浮動了三個div2，div3，div4 div3 div4依次跟在...