-
justify-content: flex-start | flex-end | center | space-between | space-around;
辩证内容 弯曲起点 弯曲终点 居中 以分隔排列 以环绕排列flex-start 左对齐
lex-end 右对齐
space-between 两端对齐,项目之间的间隔都相等
space-around 每个项目两侧的间隔相等
查看全部 -
1、设置display: flex属性可以把块级元素在一排显示。
2、flex需要添加在父元素上,改变子元素的排列顺序。
3、默认为从左往右依次排列,且和父元素左边没有间隙。
查看全部 -
父元素相对定位,子元素绝对定位,是以父元素作为参考对象
查看全部 -
position:fixed;固定定位
坐标是视图(屏幕内的网页窗口)本身
查看全部 -
position:relative;相对定位
偏移前的位置保留不动,根据偏移前的位置移动
查看全部 -
块级元素用float重新定义所在位置
查看全部 -
padding:1 2 3 4;上 右 下 左
padding:1;上右下左相同
padding:1 2;上下相同,左右相同
查看全部 -
border-radius:1 2 3 4 左上 右上 右下 左下
border-radius:1 四个角相同
border-radius:1 2 左上角和右下角相同,右上角和左下角相同
border-角-邻角:1 角和邻角相同
查看全部 -
border边框可以设置上下左右
查看全部 -
border-width
thin | medium | thick(但不是很常用),最常还是用像素(px)
border-style
dashed(虚线)| dotted(点线)| solid(实线)
border-color
颜色可设置为十六进制颜色
查看全部 -
padding内边距
margin外边距
border边框
查看全部 -
display:inline;行内(内联)
display:inline-block;内联块状
display:none;不显示
查看全部 -
inline-block:内联块状元素
1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置。
<img>、<input>标签就是这种内联块状标签
查看全部 -
display:陈列
display:inline行内
查看全部 -
text-align:水平校准
left,center,right 左,中,右
查看全部
举报