HTML基础知识

有时候发现,不会写点HTML,我的想法就被限制住了,每当想做点什么的时候就涉及到页面交互问题,然后就不会写然后就放弃了,所以从现在开始我要积攒一些HTML方面的知识,以便我有什么想法的时候不至于HTML是我的绊脚石.

1.实现div宽高占页面的百分比

<style>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}

html, body{
height: 100%
}
</style>

这样就可以给div设置宽高百分比

2.两个div并排
为div加样式属性float:left就可以实现div靠左并排,同样,li元素也是这样.为div追加overflow属性可以增加滚动条功能.
3.一个div位于另一个div的中间位置方法

css中的position可以限制元素的位置，当子元素的样式为

.child {

margin: auto;

position: absolute;  

top: 0; left: 0; bottom: 0; right: 0;

}时，他就会位于他所在元素的中间位置