css基本语法（二）——表格 列表 边距 尺寸 浮动和清除

表格

把两个单元格相邻的边框线合并为一条线，去掉表格边框之间的空隙
要放在<table></table>里

border-collapse:collapse;

设置表格悬停样式

td:hover{background: blue;color: yellow;}

列表

给列表加图标

ul li{list-style-image: url(img/1145584.gif)};

列表位置

ul{list-style-position:outside;}
ul{list-style-position:inside;}

浮动
让纵向排列的列表横排
列表浮动,并加大宽度，不让前边图标挡住后边的字

{float: left;width: 100px;}

一个元素浮动以后，它将不再具备块级元素的换行效果
如果左浮动，它会位于一行的左边，默认左对齐
去掉列表前符号

ol li{list-style-type: none;}

清除前边浮动元素对它的影响

style="clear:both;"

边距

内边距
pedding不允许为负值

width: 400px;height: 400px;border: 1px solid red;
padding-left:100px;padding-top: 50px;