CSS—显示属性

显示

显示方式

display常用显示方式

属性	display
取值	none：让生成的元素不显示 - 隐藏 特点： 脱离文档流   block：让元素表现的和块级元素一样 特点：独占一行、允许修改尺寸、允许正常处理垂直方向的外边距           inline： 让元素表现的和行内元素一样  特点：多个元素一行内显示、不允许修改尺寸，垂直外边距无效            inline-block：让元素表现的和行内块一样 特点：多个元素能在一行内显示、允许修改尺寸   table：让元素表现的和表格元素一样 特点：每行只显示一个、尺寸以内容为准

效果展示： 

显示效果

显示效果

显示 / 隐藏属性  ：visibility	取值： 1、visible : 默认值，可见的 2、hidden : 隐藏，依然占据空间
透明度属性：opacity	取值：0.0(完全透明) ~ 1.0(完全不透明) 之间的数
垂直对齐方式 属性：vertical-align （设置td和img的垂直对其方式）	取值：   设置在 td 上的 值  top      middle    bottom                设置在img上的值、图片两边的文本，相对于图片的垂直对齐 top     middle    bottom   baseline ：基线对齐
常用操作	在开发网页过程中，通常会先将所有的图片(img)的vertical-align属性修改为除baseline以外的其他值

效果展示：

vertical-align效果展示

  光标：当鼠标悬停在元素上时表现的形式

属性：cursor

取值：     1、default     2、pointer ：小手     3、crosshair ：+     4、text ： I      5、wait ：等待      6、help ：帮助

 

关于CSS的显示属性就先分享到这里，如果本篇博客对您的学习有所帮助，记得点个赞哦！