前端學習Day7

2021-10-04 08:59:18 字數 1326 閱讀 7482

一.padding的用法:

1: padding是長在內容和盒子之間的,在盒子內部。

2:padding是為了調整 子元素 在 父元素裡面位置關係。

3:padding的特點:padding值會把盒子撐大。

4:如果想讓盒子保持原有大小,需要在寬高的基礎上減掉padding值。

5:給單一方向設定padding值: padding-left/right/top/bottom:;

6: padding 設定方法:

padding:1個值 四周

padding:2個值 上下 左右

padding:3個值 上 左右 下

padding:4個值 上右下左

7: padding不能設定負值

8: padding不會對背景圖造成影響。

9:如果乙個盒子沒有設定固定的寬和高,新增padding是不用減的。

二.margin的用法:

1: margin長在元素之外的。

2: margin控制的是 同級元素 之間的位置關係。

3: margin不會對盒子本身的寬高造成影響。

4: 給單一方向新增margin值 margin-left/right/bottom/top:;

5: margin的設定方法:

margin:1個值 四周

margin:2個值 上下 左右

margin:3個值 上 左右 下

margin:4個值 上右下左

6: margin可以設定負值。

7: margin常出現的bug:

a:當父元素和第乙個子元素都沒有設定浮動的情況下,如果給第乙個子元素新增margin-top 會錯誤的把margin-top加在父元素上面。

b: 上下相鄰兩個元素之間的margin值,不會疊加,按照最大值去設定。

8: margin:0 auto; 讓當前元素在父元素裡面左右居中。

三.感悟

寫網頁小知識點:

1.先將整個網頁分版塊,先從上到下,再從左到右

2.寫乙個大的版塊的時候,再把它分為一些小的版塊,一小塊一小塊的加樣式

3.每個css檔案都要先寫上@charset 「utf-8」

4.用ul寫導航區

5.自己寫網頁要養成自己的命名習慣,力求**簡潔明瞭

6.當兩塊對不齊的時候,要新增浮動

今天剛開始寫完整網頁,聽課的時候還好,就是真到自己寫的時候發現自己之前學的一些元素的用法都有些不太熟悉了,只好去翻之前的筆記,總的來說還是因為練的少,許多知識只是了解的多,用的時候還是不能快速想起來。之後還是要多練,多寫 ,把寫網頁的順序以及各部分**爛熟於心,這樣寫再複雜的網頁都會很順暢。總之 ,多練才是王道。

Day7前端學習之路 多欄布局

該文章主要討論兩欄布局和三欄布局,三欄布局包括很著名的聖杯布局和雙飛翼布局 原理 基本樣式布局為 兩個盒子相距20px,左側盒子寬度為120px,右側盒子寬度自適應 div class id div class left 左邊固定寬度,高度不固定 br br br br 高度有可能會很小,也可能很大...

機器學習基礎DAY7

第七章 決策樹與隨機森林 決策樹思想的 非常樸素,程式設計中的條件分支結構就是if then結構,最早的決策樹就是利用這類結構分割資料的一種分類學習方法 1.資訊增益 特徵a對訓練資料集d的資訊增益g d,a 定義為集合d的資訊熵h d 與特徵a給定條件下d的資訊條件熵h d a 之差,即公式為 注...

python學習總結day7

01變數的引用 02可變和不可變型別 03區域性變數和全域性變數 01返回值 如果函式返回的型別是元組,小括號可以省略 當看到返回型別沒有小括號時,一定要知道返回的型別是元組 如果函式返回的型別是元組,同時希望單獨的處理元組中的元素,可以使用多個變數,一次接收函式的返回結果,變數與變數之間用逗號分隔...