今日所學:盒模型
最終結果可以做到
"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...
學習第三天
等價類是建立在這種思想之上 即我們不可能進行窮舉測試,那麼我們就 必須對輸入進行分類,而這種分類是建立在我們知道計算機程式設計原理和 計算機處理單元的工作原理基礎之上的,程式是通過資料結構和演算法來實現 的,計算機是按照演算法來執行程式的,這種執行是穩定的,不會因為我們的 輸入而導致計算機處理不穩定...