盒子模型從內到外的順序:
內容 內邊距 邊框 外邊距
content padding border margin
盒子模型計算公式:內邊距+寬(高)+邊框=盒子模型真正的大小;
作用:內容到邊框之間的距離;
特性:
內邊距是控制盒子模型大小的;
格式:padding: 10px;
內邊距: 上下左右四個方向;
padding: 10px 20px;
內邊距: 上下 左右;
padding: 10px 20px 30px;
內邊距: 上 左右 下;
padding: 10px 20px 30px 40px;
內邊距: 上 右 下 左;
padding-left: 畫素值;
padding-right: 畫素值;
padding-top: 畫素值;
padding-bottom: 畫素值;
作用:塊與塊之間的距離;
特性:外邊距是控制盒子模型位置的;
格式:
margin: 10px;
外邊距: 上下左右四個方向;
margin: 10px 20px;
外邊距: 上下 左右;
margin: 10px 20px 30px;
外邊距: 上 左右 下;
margin: 10px 20px 30px 40px;
外邊距: 上 右 下 左;
margin-left: 畫素值;
margin-right: 畫素值;
margin-top: 畫素值;
margin-bottom: 畫素值;
1.display: block; 把元素轉換為塊元素;
2.display: inline; 把元素轉換為行內元素;
3.display: inline-block; 把元素轉換為行內塊元素;
需求:
把元素並在一行;並且可以設定寬高;
作用:
把不在一行的元素並在一行,並且可以設定寬高;
格式:
1.float: left; 左浮動
2.float: right; 右浮動
clear: both;
clear: left;
clear: right;
一、溢位隱藏;
二、清除浮動;
三、解決margin拖拽父級的bug;
css屬性:
如何清除ul,ol預設的樣式:
list-style: none;
text-decoration: line-through; 設定中橫線
HTC VIVE開發教程(三)
在這一節,我介紹的主要內容有 在steamvr外掛程式的prefabs資料夾下面有三個預製體,camerarig是相機預製體,使用時直接將這個預製相機作為主相機拖入場景中,我們就能以第一人稱看到vr頭盔裡面的內容。status是通過overlay顯示一些狀態資訊的預製體。steamvr是渲染核心預製...
開發新手教程 三 Arduino開發工具
arduino開發環境搭建 獲取arduino ide開發工具 支援的平台有 windows mac os x linux 以下是arduino的主介面。上圖對arduino主介面進行了簡單的功能標註說明。在後面的章節中將具體說明每乙個選單的功能用途。hc 06藍芽模組 輝盛mg995 55g金屬銅...
openresty 前端開發入門三之JSON篇
這章主要介紹一下,lua怎麼返回乙個json字串,怎麼把乙個table轉成json字串,又怎麼把乙個json字串轉成json 其實很簡答,直接使用cjson庫的encode decode方法即可 lua hello.lua local cjson require cjson 先定義乙個json字串 ...