属性
1.字体大小font-size
2.字体颜色color
3.字体font-family
4.字体加粗font-weight:bold;
5.行高line-height
6.基线对齐vertical-align:baseline;
7.文本和图片的水平居中text-align:center;
8.添加下划线text-decoration:underline;
9.字体font的简写属性font:12px/1.5em "微软雅黑";
10.去掉列表标识符
ul,ol,li{
list-style:none;
}
11.上边框
border-top:1px solid #000;
12.添加背景图
background:#000 url() no-repeat 10px 20px;
浮动
- 让元素们在一行排列
- float:left;左浮动
- float:right;右浮动
- 浮动停止的条件:
1.遇到浮动的元素会停止
2.碰到父元素边界会停止
- 浮动的原理:浮动的元素会脱离文档流,下方不浮动的元素就会上去补位置
- 浮动的子元素无法撑开父元素的高度,也就是会出现高度塌陷的问题
解决办法有两个:1.给父元素设置height 2.给父元素添加overflow:hidden;
###简单认识一下外边距margin
margin-top:10px;上外边距
margin-bottom:10px;下外边距
margin-left:10px;左外边距
margin-right:10px;右外边距