web第五天作業

2021-08-20 20:58:26 字數 1756 閱讀 5096

盒子高度=內容高度+填充+邊框+外邊距

盒子寬度同理

左浮動 left

右浮動 right

(1)浮動了兩個div元素div2和div3

div2--->>行內塊元素沒有獨佔一行

div3--->>緊跟在div2的右邊

div4--->>緊跟在div1的下面

浮動了三個div2,div3,div4

div3、div4依次跟在上乙個元素右邊

(2)如果div3元素上乙個元素也是浮動的,那麼div3元素會跟隨在上乙個元素(div2)的後邊(如果一行放不下這兩個元素,那麼div3元素會被擠到下一行);

如果div2元素上乙個元素是標準流中的元素,那麼div2的相對垂直位置不會改變,也就是說div2的頂部總是和上乙個元素的底部對齊。

向右邊浮動,兩個相鄰浮動跟在前乙個左邊

(1)看上乙個是標準就跟在下面

(2)看上乙個浮動方向一致就跟在後面

(3)看上乙個浮動方向不一致就找一致或者標準,然後遵循(1)(2)的規則

就像會飛的賽車,如果我沒有飛,前面的賽車在左側飛起來我就在他下面跑,如果前面的賽車在右側飛,那我不受影響我就繼續向前跑,看前面的左側飛我就在他下面,看他地上跑我就跟在他後面。

如果我在左側飛,前面賽車也在左側飛,那麼空中車道已經滿了,我只能跟他並肩飛並且在他右邊。

如果我在右側飛,前面賽車也在右側飛,那麼空中車道已經滿了,我只能跟他並肩飛並且在他左邊。

(1)粗略定位

float:left 左

float:right 右

(2)精準定位(向上找)

假設我是左浮動

9、塊級元素:

獨佔一行,可以設定寬和高 此元素前後會帶有換行符(block)

內聯元素:設定寬和高沒有作用 inline

行內塊:可以設定寬和高 inline-block

span設定浮動後高度寬度變的有意義

position:relation;

預設:span

相對自己來說

top:垂直偏移量

left:水平偏移量

span運用這個屬性依然無效

(1)如果前面的父(祖)都沒有設定relation或者absolute屬性,top和left相對於body

(2)如果前面的父(祖)都設定relation或者absolute屬性,則按照父(祖)元素定位

3、固定定位:position:fixed;

z-index只能在position屬性值為relative或absolute或fixed的元素上有效,如兩者發生重疊時,z-index的值越大,位置越往上

塊級元素:獨佔一行、可以設定寬和高。此元素前後會帶有換行符。block

內聯元素:設定寬和高沒有作用 inline

行內塊:沒有獨佔一行、可以設定寬和高 inline-block

區別:行內塊取其塊級元素的長處,補其內聯元素的短處

visible  預設值。內容不會被修剪,會呈現在元素框之外

hidden   內容會被修剪,並且其餘內容是不可見的

scroll   內容會被修剪,但是瀏覽器會顯示滾動條以便檢視其餘的內容(預設有滾動框)

auto     如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容(溢位才有滾動條)

visible  預設值,元素是可見的

hidden   元素是不可見的

visibility:hidden;隱藏元素,但其位置空出,新元素不可覆蓋其舊元素位置

display:none;元素消失,新元素覆蓋其舊元素位置

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 ...

Python課程第五天作業

dic ls name owen age 18 gender 男 dic k,v for k,v in dic.items ls def fn2 total 0 count 1 while true total count yield total count 1 obj fn2 print obj....

國慶第五天

直接在寢室待了乙個上午 一 matlab 試了一下昨天安裝的matlab2010b發現檔案都打不開,報這個錯 undefined function or method uiopen for input arguments of type char 二 c 1.找到了個之前 裡的乙個問題 把本週開頭和...