显示
1显示方式:一切皆为框,页面上的所有元素都可显示为框除了默认显示效果外,我们可以通过别的属性修改其显示方式
2display属性(显示)
语法:display:none(生成的元素没有框,该框及所有内容不再显示,不占用文档中的空间)/block(让行内元素像块级元素一样显示,可以设置宽和高)/inlie(让块级元素像行内元素一样显示,会忽略宽和高属性,其占用空间由内容决定)/inline-block(行内块级元素,不换行,可以设设置宽和高)
3visibility:规定元素是否可见;
语法:visibility:visible(可见)/hidden(隐藏,但是仍占据空间)
4vertical-align: 设置内容垂直对其方式
语法:vertical-align: baseline(默认,元素放在父元素的基线)/top(元素的顶端与行内最高元素的顶端对齐)/bottom(元素的顶端与行内最低元素的顶端对齐)/middle;
5光标(cursor)
默认情况下光标会根据用户的操作发生改变,比如悬停在超链接是是只手;我们可以通过cursor修改鼠标类型
语法:cursor:defult(默认一个箭头)/pointer(一只手)/crosshair(十字线)/wait(一只表或沙漏)/help(一个问号或灯泡);
1显示方式:一切皆为框,页面上的所有元素都可显示为框除了默认显示效果外,我们可以通过别的属性修改其显示方式
2display属性(显示)
语法:display:none(生成的元素没有框,该框及所有内容不再显示,不占用文档中的空间)/block(让行内元素像块级元素一样显示,可以设置宽和高)/inlie(让块级元素像行内元素一样显示,会忽略宽和高属性,其占用空间由内容决定)/inline-block(行内块级元素,不换行,可以设设置宽和高)
3visibility:规定元素是否可见;
语法:visibility:visible(可见)/hidden(隐藏,但是仍占据空间)
4vertical-align: 设置内容垂直对其方式
语法:vertical-align: baseline(默认,元素放在父元素的基线)/top(元素的顶端与行内最高元素的顶端对齐)/bottom(元素的顶端与行内最低元素的顶端对齐)/middle;
5光标(cursor)
默认情况下光标会根据用户的操作发生改变,比如悬停在超链接是是只手;我们可以通过cursor修改鼠标类型
语法:cursor:defult(默认一个箭头)/pointer(一只手)/crosshair(十字线)/wait(一只表或沙漏)/help(一个问号或灯泡);