91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS的margin和padding屬性怎么使用

發布時間:2022-12-28 10:53:55 來源:億速云 閱讀:119 作者:iii 欄目:開發技術

這篇文章主要介紹了CSS的margin和padding屬性怎么使用的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇CSS的margin和padding屬性怎么使用文章都會有所收獲,下面我們一起來看看吧。

margin和padding屬性

margin和padding用來隔開元素,margin是隔開元素與外邊,padding是隔開元素里邊。margin是指層的邊框以外留的空白,用于頁邊距或者與其它層制造一個間距。”10px10px10px10px”分別代表”上右下左”(順時針方向)四個邊距,如果都一樣,可以縮寫成”margin:10px;”。如果邊距為零,要寫成”margin:0px;”。注意:當值是零時,除了RGB顏色值0%必須跟百分號,其他情況后面可以不跟單位”px”。margin是透明元素,不能定義顏色。padding是指層的邊框到層的內容之間的空白。和margin一樣,分別指定上右下左邊框到內容的距離。如果都一樣,可以縮寫成”padding:0px”。單獨指定左邊可以寫成”padding-LEFT:0px;”。padding是透明元素,不能定義顏色。

例子h3:

h3{  font-size:1.5em;  background-color:#ccc;  margin:1em;  padding:3em;  }

為什么不翻譯margin和padding?

原因一,在漢語中并沒有與之相對應的詞語;原因二:即使有這樣的詞語,由于在編寫CSS代碼時,必須使用margin和padding,如果我們總用漢語詞語代替其來解釋的話,到了實際應用時容易混淆margin和padding的概念。

如果有一點Html基礎的話,就應該了解一些基本元素(Element),如p,h2~h7,br,div,li,ul,img等.如果將這些元素細分,又可以分別歸為***(top-level)元素,塊級(block-level)元素和內聯(inline)元素。

1.Block-levelelement:指能夠獨立存在,一般的塊級元素之間以換行(如一個段落結束后另起一行)分隔。常用的塊級元素包括:p,h2~h7,div,ul等;

2.Inlineelement:指依附其他塊級元素存在,緊接于被聯元素之間顯示。而不換行。常用的內聯元素包括:img,span,li,br等;

3.Top-levelelement:包括html,body,frameset,表現如Block-levelelement,屬于高級塊級元素。

塊級元素是構成一個html的主要和關鍵元素,而任意一個塊級元素均可以用Boxmodel來解釋說明。

BoxModel:任意一個塊級元素均由content(內容),padding,background(包括背景顏色和圖片),border(邊框),margin五個部分組成。

◆以下說明margin和padding屬性:

margin:

包括margin-top,margin-right,margin-bottom,margin-left,控制塊級元素之間的距離,它們是透明不可見的,對于上右下左margin值均為40px,因此代碼為:

h3{  margin-top:40px;  margin-right:40px;  margin-bottom:40px;  margin-left:40px;  }

根據上,右,下,左的順時針規則,簡寫為

h3{  margin:40px40px40px40px;  }

當上下、左右margin值分別一致,可簡寫為:

h3{  margin:40px40px;  }

前一個40px代表上下margin值,后一個40px代表左右margin值。

當上下左右margin值均一致,可簡寫為:

h3{  margin:40px;  }

padding:

包括padding-top、padding-right、padding-bottom、padding-left,控制塊級元素內部content與border之間的距離,其代碼簡寫請參考margin屬性的寫法。

至此,我們已經基本了解margin和padding屬性的基本用法。但是,在實際應用中,卻總是發生一些讓你琢磨不透的事,而它們又或多或少的與margin有關。

注:當你想讓兩個元素的content在垂直方向(vertically)分隔時,既可以選擇padding-top/bottom,也可以選擇margin-top/bottom,在此建議你盡量使用padding-top/bottom來達到你的目的,這是因為CSS中存在Collapsingmargins(折疊的margins)的現象。

什么是css

css是一種用來表現HTML或XML等文件樣式的計算機語言,主要是用來設計網頁的樣式,使網頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言,并且css樣式可以直接存儲于HTML網頁或者單獨的樣式單文件中,而樣式規則的優先級由css根據這個層次結構決定,從而實現級聯效果,發展至今,css不僅能裝飾網頁,也可以配合各種腳本對于網頁進行格式化。

關于“CSS的margin和padding屬性怎么使用”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“CSS的margin和padding屬性怎么使用”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

淮北市| 洛阳市| 循化| 荥阳市| 曲阜市| 攀枝花市| 钟祥市| 旅游| 汉中市| 北票市| 兴文县| 唐山市| 柘城县| 鄂州市| 宜君县| 乌兰察布市| 和林格尔县| 新密市| 昂仁县| 凯里市| 河池市| 璧山县| 新乡市| 荥阳市| 赣州市| 正镶白旗| 齐齐哈尔市| 苏州市| 丰县| 兰坪| 西林县| 永丰县| 游戏| 威海市| 隆林| 长岛县| 通海县| 宝兴县| 宁蒗| 调兵山市| 仁寿县|