display:none;隐藏对象;
display:inline;指定对象为内联元素;
display:block;指定对象为列表项目;
css3中;display:box;对象作为弹性,伸缩盒显示;最老板本
display:inline-box;对象作为内联块级伸缩盒显示,最老版本;
display:flexbox;对象作为伸缩盒显示,过度版本;
display:inline-flexbox;对象作为内联块级伸缩盒显示,过度版本。
display:flex;对象作为弹性伸缩盒显示,最新版本。
display:inline;对象作为内联块级伸缩盒显示,最新版本。
溢出属性:
overflow:bisidle;默认值,对溢出内容不做处理。
overflow:hidden:隐藏溢出容器的内容,且不出现滚动条;
overflow:scroll:溢出内容通过滚动呈现;
overflow:auto;内容没溢出不显示滚动条,溢出则按需出现滚动条;
margin;
外边距;
设置四个属性值时,按上、右、下、左,的顺时针进行设定属性值;
设置三个值的时候,第一个用于上,第二个用于左、右,对三个用于下;
设置两个,第一个用于上下,第二个用于左右;
只提供一个时用于四边;
可以用margin-*(*为top、right、bottom、left)单独设值。
padding;
内间距,设定规则同上边的margin一样;
边框
border;边框属性,可直接跟边框宽、样式、颜色三个属性,也可以单独进行设定,如:
border-width:
设边框宽;
border-style:
设边框样式;
border-color;
设边框颜色;
背景
background: url(<--图片地址链接-->); background-repeat:<--
背景平铺属性(
repeat-x:
背景图像在横向上平铺
repeat-y:
背景图像在纵向上平铺
repeat:
背景图像在横向和纵向平铺
no-repeat:
背景图像不平铺)
-->;
background-attachment:
<--
fixed:
背景图像相对于视口(viewport)固定。
scroll:背景图像相对于元素固定,也就是说当元素内容滚动时背景图像不会跟着滚动,因为背景图像总是要跟着元素本身。
但会随元素的祖先元素或窗体一起滚动。
local:
背景图像相对于元素内容固定,也就是说当元素随元素滚动时背景图像也会跟着滚动,因为背景图像总是要跟着内容。
-->;