本节课学习的有:
二级菜单重要的属性:
/* display:none/block/inline/inline-block /
/ 行内元素/块级元素 /
/ 行内元素:img/input/a/span /
/ a/span等行内元素不能设置宽高 /
/ 块级元素:div/ul/li/ol/p/form/table */
定位:
position : fixed;(固定定位:相对于浏览器定位)
position : relative;(相对定位:相对于该元素自身所在的位置定位)
position : absolute;(绝对定位:相对于该元素有定位属性的父元素去定位,如果父元素都没定位属性,相对于body定位)
position : static;(不定位)
盒模型:
属性:
width
height
border : 1px solid red;
border-top
border-right
border-bottom
border-left
margin(外边距:盒子之间的距离)
margin-top
margin-right
margin-bottom
margin-left
padding(内边距:盒子边缘与内容之间的距离)
padding:10px;四个方向一样
padding:20px 10px;上下 / 左右
padding: 10px 20px 30px;上 / 左右 / 下
padding: 10px 20px 30px 40px;上右下左