細說一下position(定位),以及其他的小知識

2022-08-09 08:42:12 字數 1882 閱讀 2644

細說:position      位置

1.只要使用定位,必須要有乙個相對的參照物。relative

2.具體定位的那個1元素需要加position:absolute;絕對的

絕對的:就是具體到某乙個地方了,特別詳盡的意思。

注意:使用絕對定位的時候,瀏覽器會逐層向上級元素找position屬性,如果父級沒有就會繼續向上級查詢position,一直找到position為止,如果找不到就以body為相對位置。

position:relative;

left:100px;

top:100px;

position:absolute;

left:100px;

top:100px;

position:relative;如果設定值了,相對原來的位置進行調整

二者的區別

1.absolute會脫離標準流,relative不會,relative雖然給值了,但是依然佔著原來的位置。

2.relative存在「形影分離」,所以一般情況下不建議新增值了,一般給子元素當參照位置,或是元素的微調。

3.absolute會有一種「壓蓋」效果。

z-index層次關係,可以改變元素的層疊位置,所有的標籤預設是0, z-index的值越大,該元素就越在上方。

備註:以後我們做定位的時候,盡量保持「子絕父相」。

fixed  固定定位

脫離標準流的屬性有哪些:float  position:absolute  position:fixed.

position:

static

;靜態頁面布局

結構層:搭我們的頁面框架。

布局層:針對框架內部結構進行排版。

不需要使用浮動解決的問題盡量不用。

使用浮動之後會使該元素脫標,並且該元素的margin。

div 盒子模型:

就是乙個容器,可以裝任何標籤。

1.盒子實際占用空間

2.盒子的實際寬度和高度

3.如何理解盒子模型

細節性問題

塊級元素的寬如果沒有設定寬度,就是父級的寬,如果沒有設定高度根據內容而定。

結構選擇器

div:nth-of-type(1)

單位問題 width

1.100px

2.百分比,給乙個元素設定的寬是50%,那麼這個50%是相對他的父級。

action提交的位址

methods 提交方式      post   和       get

get是在http 的url上提交不加密         post加密在http中的乙個body物件上提交的。

http是一種協議,就是客戶端和服務端鏈結的一種協議。超文字傳輸協議

下拉列表

background-position  雪碧圖

我們的html和

css中有三個屬性可以向伺服器傳送請求,

src href url

。overflow

(1) 值hidden 超出就隱藏

(2) 值scroll  出現滾動條

visibility:hidden;  可見的 (消失但是占用位置)

display:none;消失但不占用位置

細說一下重寫和過載

這兩個都是多型的一種表現形式。過載 1 過載是在編譯器通過方法中形參的靜態型別確定呼叫方法版本的過程。2 過載是多型在編譯期的表現形式 3 過載的判定只有兩個條件 其他的條件都不能作為判定 1 方法名一致 2 形參列表不同 重寫 1 重寫在方法執行時,通過呼叫者的實際型別來確定呼叫的方法版本。具體細...

細說C (十五) 說一下this指標

this this即位隱式的指標,指向呼叫者本身 物件的位址即為this 所有的成元函式都隱式的含有乙個this指標 細節點說明 this 實際上是成員函式的乙個形參,在呼叫成員函式時將物件的位址作為實參傳遞給 this。不過 this 這個形參是隱式的,它並不出現在 中,而是在編譯階段由編譯器默默...

python 細說一下模組與包的使用

1 定義 模組 用來從邏輯上組織python 變數,函式,類,邏輯 實現乙個功能 本質就是.py結尾的python檔案 包 用來從邏輯上組織模組的,本質就是乙個目錄 必須有 init py檔案 2.匯入方法 import module name import module1 name,module2...