0016 认识css 块级标签和内联标签的属性的转换 display 隐藏属性 --- 常多页面展示

目录

• • 1、display的特点展示
    • 2、dispaly 等于none 隐藏属性
    • dispaly属性是来达到显示不同的数据信息，由js进行控制的
• 布局:如何能够让多个可以设置长宽的元素在一行显示

1、display的特点展示

内联标签 不能设置宽和高的属性

display 属性设置成block 从内联标签转成块级标签，宽高属性 生效

同样的块级标签 设置成内联的话，宽高也会失效。

2、dispaly 等于none 隐藏属性

1 display属性 在style样式内 display 等于inline block none
指定一个标签从内联标签转成块级标签
指定一个块级标签转换成内联标签 
指定一个标签在页面隐藏时，彻底隐藏 
hidden 指定一个标签在页面隐藏时，默认占用所处空间，以空白展示
通过display的属性值的转换，能够让标签随着属性值的变化而变化，inline 和 block的转变不是为了使标签本身的属性变化，而是为了配合none值进行隐藏和显示本身的标签。

dispaly属性是来达到显示不同的数据信息，由js进行控制的

点击每个不同的标签，触发js事件，让全部div的属性设置成none，然后在给售后保障的div 标签删除 none ，那么就只显示售后保障的信息了；

布局:如何能够让多个可以设置长宽的元素在一行显示

display ： inline-block