Css的知識(shí)點(diǎn)有哪些

這篇文章主要為大家展示了“ Css的知識(shí)點(diǎn)有哪些”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“ Css的知識(shí)點(diǎn)有哪些”這篇文章吧。

塊元素、內(nèi)聯(lián)元素，是一個(gè)元素，占用了全部寬度，在前后都是換行符。如：h2,p,div

內(nèi)聯(lián)元素只需要必要的寬度，不強(qiáng)制換行。

span, i,a

框模型

所有HTML元素可以看作盒子 包括 邊距，邊框，填充，和實(shí)際內(nèi)容。

Margin - 清除邊框區(qū)域。Margin沒(méi)有背景顏色，它是完全透明

Border - 邊框周圍的填充和內(nèi)容。邊框是受到盒子的背景顏色影響

Padding - 清除內(nèi)容周圍的區(qū)域。會(huì)受到框中填充的背景顏色影響

Content - 盒子的內(nèi)容，顯示文本和圖像

當(dāng)為元素設(shè)置了width和height 屬性時(shí)，只是設(shè)置內(nèi)容區(qū)域的寬度和高度。要知道，完全大小的元素，你還必須添加填充，邊框和邊距。

總元素的寬度=寬度+左填充+右填充+左邊框+右邊框+左邊距+右邊距

元素的總高度最終計(jì)算公式是這樣的：

總元素的高度=高度+頂部填充+底部填充+上邊框+下邊框+上邊距+下邊距

margin，padding

margin清除周圍的元素（外邊框）的區(qū)域。margin沒(méi)有背景顏色，是完全透明的

margin可以單獨(dú)改變?cè)氐纳?，下，左，右邊距。也可以一次改變所有的屬性?span lang="EN-US" style="font-size:14.0pt;font-family:宋體;mso-hansi-font-family:Calibri; mso-bidi-font-family:宋體">

簡(jiǎn)寫(xiě)的屬性:

margin:25px 50px 75px 100px;

對(duì)應(yīng)，上、右、下、左

margin:25px 50px 75px;

對(duì)應(yīng) ：上、左右、下

margin:25px 50px;

對(duì)應(yīng)：上下 、左右

margin:25px;

對(duì)應(yīng)： 4個(gè)邊距

以上是“ Css的知識(shí)點(diǎn)有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！