html css有感

placeholder:是输入框内部的提示语。css3可用

div布局问题

display:inline-block;可以实现div横向排列和设置div的大小(一般单纯设置inline是无法设置其大小的)。

float:right可以使div靠右显示。

text-align:center;文字水平居中显示。

line-height:行高;实现文字的垂直居中显示。


通过调节 margin或者padding实际高度实现居中。

通过使用position:relative 然后设置left或者right等位置信息实现居中显示。


15.9.8更新:

.horizontal{

display:box;

display:-moz-box;

display:-webkit-box;

display:-o-box;

box-orient: horizontal;

-moz-box-orient: horizontal;

-webkit-box-orient: horizontal;

-o-box-orient: horizontal;

}

在这个样式影响下div下的所有div都会被排成一行,但是每个的div的最大适应宽度都为父容器的宽度,不好调整。

多个div要同行显示 ,使用display:table-cell;相当于table的单元格样式,可以相对给每个cell分配对应的长度,不怕撑出父容器。

position:fixed 要放到body的标签下直接节点才会生效,根据浏览器生成绝对定位。

position:fixed 里面的左右居中,left:0px; right:0px;margin-left:auto;margin-right:auto; 我这里是要底部靠底部显示加上了,bottom:20px;


你可能感兴趣的:(html css有感)