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; 来实现居中。

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


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

鼠标在浏览器中以手指状显示(cursor为鼠标属性):cursor: pointer

table表格把双分隔线改为单分隔线:

你可能感兴趣的:(学习笔记,前端,css,前端)