帶你三分鐘理解盒子模型

2021-10-21 19:48:58 字數 738 閱讀 8232

盒子模型是一整套布局規範,它可以幫助我們更深入的去了解頁面中元素的結構,可以很清淅的展示html元素與css結合以後的特點

網頁當中的每乙個元素我們都可以把它看成是乙個盒子, 通過這些盒子我們可以拼出我們想要的所有布局形式。所以對於盒子模型的學習其實就是對網頁布局規範的學習

如果想檢視元素的盒子模型 ,我們可以在頁面上面開啟除錯工具欄(不同的瀏覽器開啟方式不一樣,chrome瀏覽器可以通過按鍵盤f12或ctrl+shift+i去開啟),開啟工具欄以後,我們看到如下的圖

通過上面的,我們可以看出盒子模型裡面最初的4層,分別是margin(外邊距)---->border(邊框)---->padding(內邊距)---->content(內容)

margin外邊距

margin指的是元素的外部間距,它可以設定1~4個屬性值,值的個數不同,表示的意義也不相同

如果margin只設定乙個值,則代表四個方向都相同

如果margin設定了兩個值,第乙個值代表上邊,第二個值代表右邊,剩下沒有值的則參照對邊

如果margin設定了三個值,第乙個值代表上邊,第二個值代表右邊,第三個值代表下邊,剩下沒有賦值的參照對邊

如果margin設定了四個值,則按照上右下左的順序一邊乙個

綜合所述,margin在賦值的時候,有值就給值,沒值就參照下面的順序來進行。並且它的賦值順序是順時針進行的

三分鐘帶你讀懂 BERT

作者 suleiman khan,ph.d.翻譯 胡瑛皓 stone豪 校對 醬番梨 審核 詹森 李加薪 整理 立魚王 由谷歌公司出品的用於自然語言理解的預訓練bert演算法,在許自然語言處理的任務表現上遠遠勝過了其他模型。bert演算法的原理由兩部分組成,第一步,通過對大量未標註的語料進行非監督的...

三分鐘帶你學會爬蟲

深度學習模型訓練極大的依賴資料,當資料量不夠時,可通過網路爬蟲從網上爬取資料。下面以爬取劉亦菲和劉德華資料為例介紹爬蟲 使用步驟如下 劉亦菲 劉德華import re import requests from urllib import error from bs4 import beautiful...

三分鐘理解Python lambda

這篇主要是複習一下 lambda表示式是一種匿名函式,對應python中的自定義函式def。定義func函式,計算給定數x的平方 def func x return x x 等價於 func lambda x x x 用法,他就是乙個函式,像正常函式那樣呼叫就好 func 6 可以看到,lambda...