第二週HTML學習總結二

2022-05-21 19:36:12 字數 1967 閱讀 8622

/* [border-image 邊框]

* 1、十個屬性:

* 四個邊分別對應邊框的四邊(根據設定進行拉伸/平鋪/鋪滿)。寫的時候,不能帶px單位

* 寫的時候,必須帶px單位

* ④ 邊框背景重複方式:stretch(拉伸)、round(鋪滿)、repeat(平鋪)

* 【鋪滿和平鋪區別】

* 平鋪:會保持原有四條邊的寬度,進行平鋪。可能導致角落處無法顯示完整乙個圖示;

* 鋪滿:會對四條邊進行適當的拉伸壓縮,確保可以正好顯示完全。

** 2、屬性值寫法:border-image: ① ②/③px ④;

* 第②部分可以只寫1個、2個、3個,判斷方式同margin

*//* [相對定位 relative]

* 1、使用position: relative; 設定元素為相對定位的元素;

* 2、定位機制:

* ① 相對於自己原來文件流中的位置定位,當不指定top等定位值時,不會改變元素位置;

* ② 相對定位元素,仍會佔據原有文件流中的位置,而不會釋放。

* 3、使用top、left、bottom、right調整位置。當left和right同時存在,left生效,當top和bottom同時存在,top生效。

*//* [絕對定位 absolute]

* 1、使用position: absolute;設定元素為絕對定位元素。

* 2、定位機制:

* ① 相對於第乙個非static的祖先元素(即使用了relative/absolute/fixed定位的祖先元素)進行定位。

* ② 如果所有祖先元素均未定位,則相對於瀏覽器左上角定位;

* ③ 使用absolute的元素,會從文件流中完全刪除,原有空間釋放不再占有;

** [固定定位 fixed]

* 1、position: fixed; 是一種特殊的絕對定位,父容器無法使用relative鎖住

* 2、定位機制:永遠相對於瀏覽器進行定位。

** [z-index 屬性]

* 1、作用:設定定位元素的z軸層疊順序

* 2、使用要求:① 必須是定位元素才能使用。relative/absolute/fixed

* ② 使用z-index需要考慮父容器的約束。

* 如果父容器為z-index:auto,則子容器的z-index可以不受父容器的約束;

* 如果父容器z-index進行了設定,則子容器的層疊將以父容器的z-index為準(在同一父容器的不同子元素,仍可以通過自己的z-index調整層疊關係)。

** 3、z-index:auto & z-index:0 的異同:

* ① z-index:auto為預設值,與z-index:0處於同一平面。

* ② z-index:auto,不會約束子元素的z-index層次,而z-index:0,會約束子元素必須與父元素處於同一平面。

** 4、z-index相同(處於同一平面的定位元素)的層疊關係:後來者居上

*//* 絕對定位元素水平居中的方式:

1、left: 50%;

2、設定margin-left為-width/2:margin-left: -50px;

*//* 【1、實現塊級元素在塊級元素中水平垂直居中】

* ① 設定子容器為定位元素;

* ② left:50%; margin-left:-width/2;

* top:50%; margin-top:-height/2;

*//* 【2、使用負邊距增大元素寬度】

* ① 不指定子容器寬度,指定高度或填充內容;

* ② margin: 0px -50px; 可以是左右兩邊,均超出父容器50px

*//* 3、負邊距實現雙飛翼布局

* ① 由於main部分寫在前面,所以可以保證朱布局的優先載入

*/.main, .sub, .extra

.main

.sub

.extra

.main-wrap

第二週學習總結

在本週,學習了物件導向的三大特徵,封裝,多型,繼承 讓我感覺到學習 的不易,基礎實在是很重要,現記錄本週學習過程 現的問題以及解決注釋。1.構造方法與成員方法的區別 成員方法 一般實現對類中成員變數的操作,提供某些功能,有返回值型別,通過物件呼叫!構造方法 一般是給物件的資料進行初始化,沒有返回值,...

第二週學習總結

一 棧和佇列的簡介 先進後出 限定性操作 棧具有後進先出的特性,如果問題解決具有先進後出的天然特性的話,則求解的演算法就要使用棧。先進先出 限定性操作 佇列具有先進先出的特性,如果問題解決具有先進先出的特性的話,則求解的演算法就要使用佇列。二 對棧和佇列的認識 棧 限制在表的一端進行插入和刪除運算的...

第二週學習總結

本週主要學習的是 1棧與佇列 2二分法 3位運算 首先要明白棧和佇列之間的區別,與棧相比佇列是先進先出的,先進去的就會先出來,而棧則與之不同,棧的進出順序與佇列不同並不是先進先出的有序關係,二十順序不定,候後進的可能先出。一般線性表 棧 邏輯結構 一對一 一對一 儲存結構 順序表 鍊錶 順序棧 鏈棧...