1、display有哪些值？說明他們的作用

@1、block:設定元素為塊級元素，占據一整行，可設置寬高。

@2、inline-block: 設定元素行內塊元素，可設置寬高，一行能顯示多個。

@3、inline：行內元素，不可設置寬高，一行可顯示多個。

@4、none：設置元素不可見。

@5、Flex：開啟彈性布局

@6、table：作為塊級表格顯示。

@7、list-item：像塊級元素一樣顯示，并添加樣式列表標記。

@8、inherit：繼承父元素的display屬性。

2、position的值relative和absolute定位原點是？

@1、relative：相對定位，相對于正常位置進行定位

@2、absolute：絕對定位，相對于父元素中最近一個position不為 static（靜態，無定位）定位

@3、fixed：相對于瀏覽器窗口定位；

@4、inherit：繼承父元素的定位；

@5、static：默認，無定位

3、怎么實現div的居中？

1、水平居中

@1、給div設置寬度，并使用margin：0 auto;

div{width:100px;height:100px;margin:0 auto;background:hotpink;}

@2、使用絕對定位

div{position:absolute；width:100px;height:100px;left:50%;margin-left:-50px;background-color:skyblue;}

2、水平垂直居中

@1、使用絕對定位

div{position:absolute；width:100px;height:100px;left:50%;top:50%;margin-left:-50px;margin-top:-50px;background-color:skyblue;}

@2、使用transform屬性

div{position:absolute；width:100px;height:100px;left:50%;top:50%;transform:translate(-50%,-50%)background-color:skyblue;}

@3、使用彈性布局

.container{display:flex;align-items:center;justify-content:center;}.container div{width:100px;height:100px;background-color:hotpink;}

?

轉載于:https://www.cnblogs.com/Nyan-Workflow-FC/p/10429578.html

總結

以上是生活随笔為你收集整理的css: 基础一的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。