h5學習(css第三天)

2021-10-10 09:30:30 字數 1200 閱讀 7271

今日所學:盒模型

最終結果可以做到

"d1">

"d2">

"d3">

"d4">

"d5">

"d6">

"d7">

```「強調border元素對margin元素的影響,若忽略border元素會導致margin元素脫離上一級的束縛「

先是對文件的編輯,包括一些盒模型技巧

![在這裡插入描述](

:關於盒模型:乙個元素在頁面中真實佔據的位置叫做盒模型。

margin:兩個盒子之間的距離

border:邊框 可以設定樣式、粗細、顏色。

padding:內邊距內容到邊框的距離。

###補充項

## 1.技巧

假如有乙個padding/border/margin 與其他的三條邊不同,其他三條邊一樣,這個時候我們設定總體樣式,再單獨去設定它的樣式。

```css

border

: 5px solid red;

/* css:層疊特效 */

border-bottom

: 10px dashed green;

``## 2.清除預設樣式

有一些標籤會有預設的樣式,比如預設的margin。

們可以使用:

```css

*

我們一般是不設定高度的,而是用內容去撐開盒子的高。

內容的多少不是由咱們決定的,使用自適應可以避免大片留白和內容溢位。

overflow

: hidden;

垂直方向上相鄰的兩個盒子,如果都有外邊距,則外邊距相交的地方會出現外邊距重合現象,也叫作外邊距塌陷。

取值:margin相遇的部分,並不是兩個margin值的和,而是為最大值。

如果兩個margin值為負數,取值為絕對值最大的。

如果一正一負,結果為兩者之和。

文字居中:

水平居中:

text-align

:center

垂直居中:

水平居中:

margin: 0 auto;

垂直居中

CSS學習第三天

定位布局 相對定位 相對於自身的位置進行偏移position需要搭配left right top bottom position relative 絕對定位 相對於有position屬性的父元素定位,如果父元素沒有position屬性就會再向上找父元素,最後一直找到body元素 position a...

學習第三天

額,又是美好的一天!祝賀比利時奪得季軍!下面,還是先看資訊學 今天繼續看倍增。這道題是和倍增沾邊的題,額,其實就是兩邊floyd。但是思路還是可以借鑑的。這道的思路是,使用兩個陣列,乙個是f k u v 這個陣列表示節點u到節點v之間是否距離為2 k,如果是,則為1,否則為0.代表u和v之間是否1s...

學習第三天

等價類是建立在這種思想之上 即我們不可能進行窮舉測試,那麼我們就 必須對輸入進行分類,而這種分類是建立在我們知道計算機程式設計原理和 計算機處理單元的工作原理基礎之上的,程式是通過資料結構和演算法來實現 的,計算機是按照演算法來執行程式的,這種執行是穩定的,不會因為我們的 輸入而導致計算機處理不穩定...