css学习笔记

内联元素（inline Element，与块元素对应）里面只能放文本或者内联元素，放其他元素（比如图片，表格）会导致不同行。display:inline可以让块元素变成内联元素，display：block可以让内敛元素变成块元素。

同时div和span标签在设置display: inline 之后，会使得该元素的width和height失效，这时可以使用display: inline-block；

body里面的div居中，但是div里面的内容不居中，可以先在body添加 text-align: center ，再在div内添加 text-align: left 。单个div也可以添加 margin: 0px auto; 来实现居中。

<center>是将所有被包含的元素都居中显示，而text-align：center只是将元素下面的内联元素居中显示。

超链接去掉下划线：text-decoration: none

鼠标在浏览器中以手指状显示（cursor为鼠标属性）：cursor: pointer

table表格把双分隔线改为单分隔线：<table border="2" cellspacing="0"></table>

<button>标签放到了<form>标签中，你会发现点击这个button变成了提交，相当于<input type="submit"/>，所以要用<input style="button"/>