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 相...