标签:
①块级元素
<div class="menu">栏目一</div>
②行内元素
<samp class="ttt">栏目二</samp>
在样式表中可以转换
.ttt{ display:block; /*转化成块级元素了*/ }
标准流:
按标签的排列顺序实现样式的排列。
盒子模型:
- 每个画框之间有外边距margin,外边距有上下左右四面,可设置不同的值。
- 画框与画之间还有内边距padding,内边距同外边距。
- 画框border也有宽度,也有上下左右,同内外边距。
- 画content本身有宽、高。
实例:
#sss { font-weight :bold ; border-bottom-width :1px; /*p画框宽度为1个像素*/ border-color:#0ff; /*画框颜色*/ border-style :solid; /*实线边框*/ padding-left :3px; /*内左边距为3个像素*/ line-height:60px; /*让文本垂直居中(高为120px)*/ }
**浮动:**能让块级元素跑到一行,脱离标准流
#sss { float:left; /*向左浮动*/ }
定位:
absolute:绝对定位
relative:相对定位,没有脱离标准流