/* [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位運算 首先要明白棧和佇列之間的區別,與棧相比佇列是先進先出的,先進去的就會先出來,而棧則與之不同,棧的進出順序與佇列不同並不是先進先出的有序關係,二十順序不定,候後進的可能先出。一般線性表 棧 邏輯結構 一對一 一對一 儲存結構 順序表 鍊錶 順序棧 鏈棧...