2.relative（相對定位）：相對自身原來位置的定位！如果以前沒有設定position或者position值為static，那麼設定relative後，元素的left，right，top，bottom的位置參照自身原來的位置進行移動。
3.absolute（絕對定位）：這個大家應該都很了解，即脫離文件流的定位。定位參照物為自己的父級，但是自己的父級必須擁有position屬性（父級position屬性為static也不行，必須為absolute，relative，fixed中的乙個）。如果自己的父級沒有設定position屬性，會一直向上尋找有position屬性且不為static的的祖先元素，直到body元素。
4.absolute（絕對定位）：這個大家應該都很了解，即脫離文件流的定位。定位參照物為自己的父級，但是自己的父級必須擁有position屬性（父級position屬性為static也不行，必須為absolute，relative，fixed中的乙個）。如果自己的父級沒有設定position屬性，會一直向上尋找有position屬性且不為static的的祖先元素，直到body元素。
5.fixed（固定定位）：這個屬性是元素以相對瀏覽器視窗為基準進行定位的，無論怎樣移動你的滑動條，它都會固定在相對於瀏覽器視窗的固定位置，另外要注意，它的兄弟元素將會在位置排布上忽視它的存在。這個時候用的top，bottom，left，right也是相對於瀏覽器視窗而言的。
6.position:sticky粘性定位
position: sticky是css3新增的一處屬性，可以說是相對定位relative與固定定位fixed的結合，它主要用在對scroll事件的監聽上，簡單來說，在滾動過程中，某個元素距離父元素的距離達到sticky粘性定位的要求時(比如：top: 40px;)position: sticky這時的效果相當於fixed定位，固定到適當的位置（比如：固定在距離螢幕上方40px處）
3.css定位的三種方式
/* 第一種
父級元素：position: relative;
子元素：
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
*/
父級元素：position: relative;
子元素：position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
父級元素：彈性盒子
display: flex;
justify-content: center;
align-items: center;
CSS面試知識點
偶然發現，公司裡多了很多新面孔。在電梯裡，總能遇到面容似曾相識卻叫不出名字的同事，才後知後覺，貌似又進入了求職高峰期。曾經一起奮戰的同事，如今又在另外一片天空追尋自己的夢想，祝福他們，希望所有的程式設計師都能幸福。回想起去年這個時候，也是在求職的路上磕磕絆絆。去年很不順，迷信的說法也許是本命年犯太歲...
整理 CSS知識點
1 css注釋 這是個注釋 2 選擇器 id 選擇器 para1 class 選擇器 center p.center class為center的所有p元素 3 css建立 外部樣式表 內部樣式表 內聯樣式 this is a paragraph.層疊次序 當同乙個 html 元素被不止乙個樣式定義時...
CSS知識點總結
css匯入方式 1.標籤內聯2.內部放置3.外部放置4.import url css選擇器 1.標籤選擇器2.id選擇器3.class選擇器4.組合選擇器 css優先順序 就近原則 標籤 id class 為了防止不支援css的瀏覽器將.標籤間的css規則當成普通字串,而顯示在網頁上，應將css的規...