margin
margin: 20px;(上、下、左、右各20px。)
margin: 20px 40px;(上、下20px;左、右40px。)
margin: 20px 40px 60px;(上20px;左、右40px;下60px。)
margin: 20px 40px 60px 80px;(上20px;右40px;下60px;左80px。)
此处不推荐使用上述四个标志,因为在不同浏览器对于margin的四个边都有不同的命名
div 居中
- flex + align-item
display: flex;
flex-direction:row;
align-items: center;
- margin+auto
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:auto;
或者
通过margin居中,上层必须是一行,也就是flex
+ ```css margin: 0 auto; 上下边距是0 或者其它都没有关系 ```
div 靠右边
左边的margin 必须是auto,同理上下
display: flex;
margin:0px 0px 0px auto;
div浮层
position:absolute;
或者
position:relative;
z-index: 999;
设置浮层级别,越大越靠近屏幕
position:relative; 不可以设置浮层
CSS
list-style-type
设置不同的列表样式ul,例如:
<style>
ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ul.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-alpha;}
</style>