div(页面划分)span(一行之内的使用样式)
width属性:设置内容显示区域的宽度-----只是对块元素(h1,p,)和img元素有效
多列属性
column-count:规定元素应该被分割的列数——一个整数 ;
column-gap:规定列之间的间隔——px pt em % ;
column-rule:设置列之间的竖线宽度、样式和颜色规则——2px solid green ;
column-span: 规定元素应跨多少列——1 all;
column-width:规定列的宽度——px pt em % ;
水平居中:margin
垂直对齐方式:vertical-align:
baseline(默认、元素放在父元素的基线上) top(元素的顶端与行中最高元素的顶端对齐) middle(元素放置在父元素的中部) bottom(元素的顶端与行中最低的元素的顶端对齐) sub(垂直对齐文本的下标) super(垂直对齐文本的上标)text-top (元素的顶端和父元素字体的顶端对齐)text-bottom (元素的底端与父元素字体的底端对齐)
元素的可见性:z-index 越大越显示在上层
元素的可见性:display
display: 设置元素应该生成的框的类型——block(设置元素为块元素 可以将行元素转化成块元素 然后进行width的设置,元素前后带有换行符) inline (默认值、元素被显示为行内元素,可以显示在一行,元素前后没有换行符)none(元素不会被现实、元素不会占据页面上的空间);
visibility: 设置元素是否可见——visible(默认值 元素可见) hidden(元素不可见,元素仍然占据页面空间);
opacity: 设置元素的透明度——0.0完全透明->1.0完全不透明;