一、padding
padding是定义元素内容和元素边框之间的空间，也就是上下左右的内边距
实例图（理解起来更轻松一些）：
他主要有上下左右四个方向
padding:25px 50px 75px 100px;代表的意思是：上25px、右50px、下75px、左100px（按照顺时针的顺序记即可）
padding:25px 50px 75px;代表的意思是：上25p、左右50px、下75px（左右合一了）
padding:75px 120px;代表的意思是：上下75px、左右120px
padding:200px;代表的意思是：上下左右都是200px
二、float（浮动）
float浮动，是将标签元素向左或者向右浮动，只能水平移动，不能上下移动
主要的功能是不管是块内元素还是行内元素，都将他们转为一行，可以这样理解，当块内元素使用了float，那么他也就变成了行内元素
应该不用详细介绍了，大家应该都懂
三、position
position指定了元素定位，一般position都是有五个属性的，他们分别都是：static、relative、fixed、absolute、sticky
static定位：
static是html元素的默认值，不会受到top、bottom、left、right等的影响
div a{
position:static;
}fixed定位：
元素的位置是相对于浏览器窗口的固定位置，特点：即便窗口是滚动的他也不会发生变化
.fir{
position:fixed;
}relative定位：
相对于正常位置进行相对元素定位
.sec{
position:relative;
}absolute定位：
绝对定位的元素的位置相对于最近的已定位的父元素，如果没有父元素，那么他的相对位置就是相对于<html>
h3{
position:absolute;
}可以记住一个口诀，子绝父相
sticky定位（基本上不用，用的很少）：
基于用户的滚动位置来进行定位
四、border
允许指定一个元素边框的样式和颜色
border属于简写，他包括了边框的样式、颜色、边框宽度
border = border-width + border-style + border-colorborder有很多的属性，但是他们都是基于三个基本属性变化而来的border-width 、border-style 、border-color
比如说：
border-top 就是上边框的所有属性（包括颜色、样式、宽度等）
border-right-style就是元素的右边框样式
border-left-color就是元素左边框颜色
边框样式也就是border-style有以下的值：
none：默认为无边框
dashed：定义为一个虚线边框
solid：定义为一个实线边框 //经常使用
double：定义两个边框
groove：定义3D沟槽边框。效果取决于边框的颜色值
ridge：定义3D脊边框。效果取决于白泥坑的颜色值
五、display
display属性设置一个元素如何显示
display：block是将无论是行内还是块内元素都可以转换为块内元素
2570
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
