08css屬性 position和層疊

2021-10-09 22:49:07 字數 960 閱讀 6363

cursor可以設定滑鼠指標(游標)在元素上面時的顯示樣式

可以設定以下樣式

利用position可以對元素進行定位,常取的值有四個

fixed:固定定位

position值為absolute或者fixed的元素

/* 1.讓子元素完全佔據父元素 */

left

: 0;

right

: 0;

top: 0;

bottom

: 0;

/* 2.讓內容居中 */

width

: 100px;

height

: 100px;

left

: 0;

right

: 0;

top: 0;

bottom

: 0;

margin

: auto auto;

left

: 0;//與父元素最左邊位置相對其

transform

:translate

(-50%)

;//相對自己的位置左移50%

margin-left

: 50%;//相對于父元素右移50%

left

: -90px;//通過計算左移自己的一半

/*相對父元素的一半*/

margin-left

: 50%;

用來設定定位元素的層疊順序(僅對定位元素有效)

父子關係

子元素會層疊在父元素上

非父子元素

都是定位元素

在標準流中一般不存在層疊現象

-1個是定位元素,1個是非定位元素

定位元素會層疊在非定位元素上面

-都是定位元素

使用css屬性z-index來控制層疊順序

比較原則

08CSS 字型樣式屬性和外觀屬性

font size 字型大小大小 font size屬性用於設定字型大小,該屬性的值可以使用相對長度單位,也可以使用絕對長度單位。其中,相對長度單位比較常用,推薦使用畫素單位px,絕對長度單位使用較少。font family 字型 font family屬性用於設定字型。網頁中常用的字型有宋體 微軟...

CSS 定位position屬性

div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容,即 塊框 與之相反,span 和 strong 等元素稱為 行內元素 這是因為它們的內容顯示在行中,即 行內框 您可以使用 display 屬性改變生成的框的型別。將 display 屬性設定為 block,可以讓行內元素...

CSS 定位屬性position

一 position 屬性 規定元素的定位型別。即元素脫離文件流的布局,在頁面的任意位置顯示。有4種不同型別的定位 absolute 絕對定位 脫離文件流的布局,遺留下來的空間由後面的元素填充。定位的起始位置為最近的父元素 postion不為static 否則為body文件本身。relative 相...