很多朋友對(duì)于css中position屬性值有哪些和css的position的屬性有哪些不太懂，今天就由小編來(lái)為大家分享，希望可以幫助到大家，下面一起來(lái)看看吧！
CSS有哪些屬性可以繼承
*1.id選擇器（#myid）
2.類(lèi)選擇器（.myclassname）
3.標(biāo)簽選擇器（div,h1,p）
4.相鄰選擇器（h1+p）
5.子選擇器（ul>li）
6.后代選擇器（lia）
7.通配符選擇器（*）
8.屬性選擇器（a[rel="external"]）
9.偽類(lèi)選擇器（a:hover,li:nth-child）
*可繼承的樣式：font-sizefont-familycolor,ULLIDLDDDT;
*不可繼承的樣式：borderpaddingmarginwidthheight;
你是要學(xué)習(xí)嗎？推薦去優(yōu)就業(yè)，有專(zhuān)業(yè)的老師解答教學(xué)
css定義了多少個(gè)坐標(biāo)屬性
position定位
**定位是在頁(yè)面布局中非常重要
css有三種基本的定位機(jī)制：普通流、浮動(dòng)流、定位流。
css常用的定位屬性有四種，靜態(tài)定位、絕對(duì)定位、相對(duì)定位、固定定位
下面來(lái)逐一介紹
1.static（靜態(tài)定位）
默認(rèn)值，沒(méi)有定位。也就是按照文檔的書(shū)寫(xiě)布局自動(dòng)分配在一個(gè)合適的地方。不脫離文檔流。在靜態(tài)定位狀態(tài)下，不能配合top、bottom、left、right來(lái)改變?cè)氐奈恢谩?/p>
（可以用于取消元素之前的定位設(shè)置。）
**2.relative（相對(duì)定位）
**相對(duì)定位是將元素對(duì)于它在標(biāo)準(zhǔn)流中的位置進(jìn)行定位，通過(guò)設(shè)置邊移屬性top、bottom、left、right，使指定元素相對(duì)于其正常位置進(jìn)行偏移。如果沒(méi)有定位偏移量，對(duì)元素本身沒(méi)有任何影響。
不使元素脫離文檔流，空間會(huì)保留，不影響其他布局。
經(jīng)常與z-index屬性進(jìn)行層次分級(jí)。
position水平居中是什么
水平居中：left,right均設(shè)置為0；即子元素相對(duì)于父元素的左側(cè)距離為0；父元素右側(cè)距離為0；
注意：不能直接對(duì)son設(shè)置margin:0auto；因?yàn)榇藭r(shí)son使用了絕對(duì)定位，是脫離文本流的。必須要先對(duì)其左右兩側(cè)設(shè)置為0才可。
index屬性怎么設(shè)置
要設(shè)置index屬性，按照以下步驟進(jìn)行：
1.首先，確定需要設(shè)置index屬性的元素。index屬性用于指定元素在其父元素中的順序位置。
2.找到要設(shè)置index屬性的元素的父元素。父元素是包含要設(shè)置index屬性的元素的元素。
3.在父元素中，使用css來(lái)設(shè)置index屬性。可以使用以下方法之一：
-使用樣式表：在樣式表中，使用選擇器來(lái)選擇要設(shè)置index屬性的元素，并使用`z-index`屬性來(lái)設(shè)置index的值。例如，可以使用類(lèi)選擇器選擇元素，并使用`z-index:1;`來(lái)設(shè)置index屬性的值為1。
-使用內(nèi)聯(lián)樣式：在html標(biāo)簽中，使用`style`屬性來(lái)設(shè)置index屬性。例如，可以在元素的標(biāo)簽中添加`style="z-index:1;"`來(lái)設(shè)置index屬性的值為1。
需要注意以下幾點(diǎn)：
-index屬性只對(duì)定位（position）為非static的元素起作用。因此，在設(shè)置index屬性之前，需要先設(shè)置元素的position屬性為relative、absolute或fixed。
-index屬性的值越大，元素在父元素中的層級(jí)就越高。如果多個(gè)元素具有相同的index值，則后面的元素會(huì)覆蓋前面的元素。
-index屬性的值可以是正數(shù)、負(fù)數(shù)或0，但不可以是小數(shù)。
通過(guò)按照以上步驟設(shè)置index屬性，可以控制元素在父元素中的層級(jí)順序。
怎么用css寫(xiě)一個(gè)遮罩
要用CSS創(chuàng)建遮罩層，可以使用以下步驟：
1.創(chuàng)建HTML元素，作為遮罩層的容器，并為它設(shè)置寬度和高度。
2.使用CSS的position屬性設(shè)置容器的定位方式，以確保它在頁(yè)面的正確位置。
3.使用CSS的background-color屬性設(shè)置遮罩層的背景顏色，以實(shí)現(xiàn)遮蓋效果。
4.使用CSS的z-index屬性設(shè)置遮罩層的堆疊順序，以確保它在頁(yè)面的其他內(nèi)容之上。
5.使用CSS的opacity屬性設(shè)置遮罩層的不透明度，以實(shí)現(xiàn)輕微模糊效果。
以下是一個(gè)簡(jiǎn)單的CSS遮罩層的例子：
<style>
.mask{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
z-index:9999;
opacity:1;
}
<style>
<divclass="mask"></div>
在這個(gè)例子中，遮罩層是一個(gè)絕對(duì)定位的div，它覆蓋整個(gè)頁(yè)面，并具有半透明的黑色背景。
文章分享結(jié)束，css中position屬性值有哪些和css的position的屬性有哪些的答案你都知道了嗎？歡迎再次光臨本站哦！
