CSS學習筆記5

2021-10-18 07:45:30 字數 369 閱讀 7845

css盒模型本質上是乙個盒子,封裝周圍的html元素,它包括:邊距,邊框,填充,和實際內容。

盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。

計算寬度和高度的不同。

標準盒模型:

盒子總寬度/高度 = width/height + padding + border + margin。( 即 width/height 只是內容高度,不包含 padding 和 border 值 )

ie盒子模型:

盒子總寬度/高度 = width/height + margin = (內容區寬度/高度 + padding + border) + margin。( 即 width/height 包含了 padding 和 border 值 )

HTML學習筆記 5 CSS

1.css指層疊樣式表 cascading style sheet 用以定義html元素的樣式。css規則由兩個主要部分構成 選擇器和一條或多條宣告。即 selector 注1 可以對選擇器進行分組,這樣被分組的選擇器可以共享宣告。注2 子元素繼承父元素的所有宣告的屬性。但是若子元素需要特殊的宣告,...

HTML5 CSS基礎學習筆記

border 1px solid 000 邊框 1畫素 實線 黑色 字型大小 font size 100 10px 文字水平居中 text align center 居中對齊 line height height ls樣式 list style none none不使用專案符號 disc實心圓,預設...

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...