div
邊距邊框
定位浮動
1 21.1 div
部分(division)—
元素,經常以 div 形式引用—是 xhtml 元素,用於定義 xhtml 文
件中的區域.
1.新增 div
this is our content area.
給 div 新增乙個 id
this is our content area.
#container {
padding: 20px;
border:1px solid #000;
background:#ccc;
2.新增子 div
this is our content area.
i』m in a box!
i』m also in a box!
.box {
margin: 10px;
padding: 20px;
border:1px solid #000;
3.div 和上下文選擇器
.box p {
color: #333;
#container p {
color: #333;
2 21.2 邊距
外邊距(margin)
外邊距宣告:
#container {
margin:-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom; 20px;
width: 300px;
border: 1px solid #333;
padding: #ccc;
#container {
margin: 20px auto 1em auto; /上,右,下 , 左/
用 margin:auto 居中
body {
text-align: center;
#container {
width: 400px;
margin: 10px auto 10px auto;
padding: 20px;
background: #ccc;
text-align: left;
5.內邊距(padding)
#container {
padding-top: 20px;
padding-left: 10%;
padding-right: 1em;
padding-bottom: 0;
background: #ccc;
6.外邊距,內邊距和主體
body {
margin: 0;
padding: 0;
3 21.3 邊框
border-style (邊框樣式)
none(無邊框),dotted(點線),dashed(虛線),
solid(實現),double(雙線),groove(凹槽),ridge(凸槽),
inset(凹邊),outset(凸邊)
/上 右 下 左/
border-style: solid dotted inset outset;
border-width(長度)
border-top-width
border-right-width
border-bottom-width
borer-left-width
border-color
border
border-top
border-right
border-bottom
border-left
border(四周)border-top(上)…
4 21.4 定位
p,h1 和 div 等成為塊級元素.意思是這些元素顯示為一塊內容,即」塊框」.與之相
(1).相對定位
#mybox {
position: relative;
top: 20px;
left: 20px;
(2).絕對定位
#mybox {
position:absolute;
top: 20px;
left: 20px;
5 21.5 浮動
.news img {
float: left;
.news p {
float: right;
11構造模型上下文選擇器
無標題文件
構造模型構造模型
構造模型2構造模型2
構造模型2構造模型2
12構造模型邊距
無標題文件
構造模型構造模型
構造模型2構造模型2
構造模型2構造模型2
13構造模型定位
無標題文件
構造模型構造模型
二階構造模式
我們在建立物件的時候，需要呼叫建構函式，對物件做初始化，但是建構函式是沒有返回值的，無法判斷建構函式的執行結果。如果建構函式執行過程中，發生了異常，導致函式提前返回了，那麼這種情況下，我們建立的物件會處於什麼狀態。1.建構函式確定對物件做初始狀態，物件的建立與建構函式無關，也就是說儲存物件的那片記憶...
幻方的構造模板
幻方的計算 計算任意階數幻方的各行 各列 各條對角線上所有數的和的公式為 sum n n 2 1 2 n為階數 幻方分為奇階幻方和偶階幻方 一 當n為奇數時稱為奇階幻方 1 merzirac法生成奇階幻方 在第一行居中的方格內放1，依次向右上方填入2 3 4 如果右上方已有數字，則向下移一格繼續填寫...
二階構造模式
模式 方法。設計模式，就是設計方法。前人證明了的行之有效的方法。建構函式 1.關於建構函式 類的建構函式用於物件的初始化。建構函式與類同名並且沒有返回值。建構函式在物件定義時自動被呼叫。問題 1.如何判斷建構函式的執行結果？2.在建構函式中執行return語句會發生什麼？3.建構函式執行結束是否意味...