浏览器默认样式/内联元素的盒模型/display和visibility/

                                浏览器默认样式

浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，所以为很多的元素都设置了一些默认的margin和padding，而它的这些默认样式，正常情况下我们是不需要使用的。

所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉

*{

margin: 0;

padding: 0;

}

....................................................................................................................................

                                            内联元素的盒模型

..........................................................................................................................................................................

                            display和visibility

将一个内联元素变成块元素

通过display样式可以修改元素的类型

可选值：

inline：可以将一个元素作为内联元素显示

block: 可以将一个元素设置块元素显示

inline-block：将一个元素转换为行内块元素

- 可以使一个元素既有行内元素的特点又有块元素的特点，既可以设置宽高，又不会独占一行

none: 不显示元素，并且元素不会在页面中继续占有位置

display: none;

使用该方式隐藏的元素，不会在页面中显示，并且不再占据页面的位置

display: none;

.........................................................................................................................

* visibility

* - 可以用来设置元素的隐藏和显示的状态

* - 可选值：

* visible 默认值，元素默认会在页面显示

* hidden 元素会隐藏不显示

.........................................................................................................................

* 使用 visibility:hidden;隐藏的元素虽然不会在页面中显示，

* 但是它的位置会依然保持

..........................................................................................................................................................................