碰到边界换行(英文和数字自动在容器里面换行) word-break:break-ail
背景:background-image:url(图片地址)
background-repeat:no-repeat(图片不能重复,repeat-x水平方向填充,repeat-y竖直方向填充)
background-position:center(水平方向) center(从哪里开始填充)【图片放置的位置】
background-size:100%(图片拉伸)
图片的截取:background-position:坐标
边框: (四边上下左右)
边框的颜色
边框的粗细 1px/2px/3px.....
边框的样式 实线/点化线/双实线.....
border-哪一条边-样式:值 简写:border-那一条边:样式值
行内元素(span,a,i,b),块状元素(div p)
span 在同一行显示,宽度和高度是不起作用的 display:inline-block;水平方向排列
display:block;转化为块状元素(竖直方向排列)
display:none;隐藏起来
背景:background-image:url(图片地址)
background-repeat:no-repeat(图片不能重复,repeat-x水平方向填充,repeat-y竖直方向填充)
background-position:center(水平方向) center(从哪里开始填充)【图片放置的位置】
background-size:100%(图片拉伸)
图片的截取:background-position:坐标
边框: (四边上下左右)
边框的颜色
边框的粗细 1px/2px/3px.....
边框的样式 实线/点化线/双实线.....
border-哪一条边-样式:值 简写:border-那一条边:样式值
行内元素(span,a,i,b),块状元素(div p)
span 在同一行显示,宽度和高度是不起作用的 display:inline-block;水平方向排列
display:block;转化为块状元素(竖直方向排列)
display:none;隐藏起来