一,塊元素
塊級元素**!
#d1,#d2{height:100px;
width:100px;
border:solid 2px #ff0000;
display:inline;
}
<div="d1"
>
div>
<
div="d2"
>
div>
塊元素特點:
1 ,預設顯示在父標籤(body)的左上角
2 , 塊級元素預設佔滿一行(佔滿整個文件流)
常見的塊級元素:
p標籤 h1~~h6 ul li oi li hr table
二 行內元素
常見的行內元素
a span img input
行內元素**!
#sp1,#sp2
<span
="sp1"
>你好
span
>
你好2
行內元素特點:
1,大小受到文字區域影響 不受 heigh width 影響
2,不佔一行
span 只對單個文字
3 行內元素變塊級元素
display: block
行變塊display:inline
塊變行display:inline-block;
既有塊級元素特點有有行內元素特點
(高度 寬度**到影響
不會單獨站一行
浮動:float 上下左右
#d1,#d2{height:100px;
width:100px;
border:solid 2px #ff0000;
float:left
}#d3
<div
= "d1"
>呵呵
div>
<
div
= "d2"
>哈哈
div>
哈哈
d3高度寬度沒有作用 因為受上面浮動影響 要用 clear:both;清除兩邊浮動
三,盒子模型
內間距 padding
<div="d1"
>你好<
div>
#d1
paddding:10px
paddding:10px 20px
padding:10px0 20px 30px 上 左右 下
padding:10px 20px 30px 40px 上 右 下 左
外間距 margin
<div="d1"
>明天
div>
後天
#d1,#d2#d2
行內元素可不可以用 padding margin
<span
="d1"
>
span
>
#d1
行內元素在padding 有效果
#d1
<span
="d1"
>
span
>
margin在行內元素 只有左右
padding:0px;
margin:0px;
所有內外間距都等0
四,相對定位 和絕對定位
絕對定位:
1,脫離文件流 不會沾滿一行 不受浮動影響
2,當設定了絕對定位元素方位就會受到left right top bottom的影響
相對定位: position:relative;
1 設定相對定位 沒有脫離文件流
2 設定相對定位 方位相對與元素父標籤的
(由於標籤並沒有脫離文件流 所以他四周是佔這位置)
固定元素 position:fixed
9 1課堂筆記
課堂筆記 一 1 file類的構造方法 public file string pathname 根據parent抽象的路徑名和child路徑名字串建立乙個新的file物件。pathname指路徑名字串,parent父抽象路徑名 父抽象路徑名既可以是字串,也可以是file物件 public file ...
9 7課堂筆記
課堂筆記 執行緒的同步 為什麼需要 執行緒同步 執行緒間共享 和資料可以節省系統開銷,提高程式執行效率,但同時也導致了資料的 訪問衝突 問題,如何實現執行緒間的有機互動 並確保共享資源在某些關鍵時段只能被乙個執行緒訪問,即所謂的 執行緒同步 synchronization 就變得至關重要。臨界資源 ...
11 7課堂心得
dev 裝置檔案 bin 存放使用者經常使用命令 sbin 系統管理員命令 tmp 臨時檔案儲存 mnt 掛載目錄 var 大檔案溢位區 usr 程式安裝目錄 sys 裝置關聯檔案 proc 虛擬目錄 系統記憶體的對映 lib 庫檔案 home 普通使用者的工作目錄 root root 使用者的工作...