這篇文章給大家分享的是有關(guān)Css中基礎(chǔ)知識(shí)點(diǎn)有哪些的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),白河企業(yè)網(wǎng)站建設(shè),白河品牌網(wǎng)站建設(shè),網(wǎng)站定制,白河網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,白河網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

塊元素、內(nèi)聯(lián)元素

塊元素是一個(gè)元素，占用了全部寬度，在前后都是換行符

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

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

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

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沒有背景顏色，是完全透明的

margin可以單獨(dú)改變?cè)氐纳希?，左，右邊距。也可以一次改變所有的屬性?/p>

簡(jiǎn)寫的屬性:

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è)邊距

Padding:

當(dāng)元素的 Padding（填充）（內(nèi)邊距）被清除時(shí)，所”釋放”的區(qū)域?qū)?huì)受到元素背景顏色的填充。

簡(jiǎn)寫屬性的作用類似 magin

float

元素只能水平浮動(dòng)，向左或向右移動(dòng) 直到碰到邊框或另一個(gè)浮動(dòng)元素浮動(dòng)后，其他的文本流將圍繞在它的旁邊

幾個(gè)浮動(dòng)的元素會(huì)彼此相鄰，且高度相同 ，這也是與inline-block的不同，后者會(huì)有間距

使用clear清除浮動(dòng) clear:both;

CSS選擇器，組合選擇符

id選擇器

#para1{text-align:center;color:red;}

class選擇器

.center {text-align:center;}

某元素下的class的樣式

p.center {text-align:center;}

后代選取器

div p{background-color:yellow;}

遞歸選擇 ，div下的所有 p元素，可以是自己的子元素，也可以是子元素的子元素 -子元素選擇器

div>p{background-color:yellow;}

只對(duì)自己的子元素生效，不遞歸下去

相鄰兄弟選擇器

div+p{background-color:yellow;}

選取之相鄰的第一個(gè)p元素，需要 有相同的父級(jí)元素

普通相鄰兄弟選擇器

div~p{background-color:yellow;}

選擇所有與之相鄰的p元素，需要有相同的父級(jí)元素 -嵌套選擇器

p{color:blue;text-align:center;}.marked{background-color:red;}.marked p{color:white;}

.marked下的所有 p元素建立 了樣式 同后代選取器

分組選擇器

h2,h3,p{color:green;}

使用逗號(hào)隔開 ，合并 具有相同樣式的元素，其相當(dāng)于

h2{color:green;}h3{color:green;}p{color:green;}

感謝各位的閱讀！關(guān)于“Css中基礎(chǔ)知識(shí)點(diǎn)有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！