秒懂元宇宙小知识第19期:Web3.0
这篇笔记将带你重点剖析:
什么是Web3.0?
Web1.0、Web2.0、Web3.0区别 Web30的4个主要特点 Web3.0的应用
元宇宙是第三代互联网(Web30)。第一代互联网是PC互联网,第二代互联网是移动互联网,第三代是我们的身体或数字化身可以走入其中的三维立体的互联网。互联网缩短了空间距离,改变了时间维度,增强了人与人的连接方式,但它一直是二维的。虚拟现实头盔、可穿戴设备、体感控制等各种创新技术产品都试图将互联网带向三维立体,现在似乎到了临界点。
这篇笔记将带你重点剖析:
什么是Web3.0?
Web1.0、Web2.0、Web3.0区别 Web30的4个主要特点 Web3.0的应用
元宇宙是第三代互联网(Web30)。第一代互联网是PC互联网,第二代互联网是移动互联网,第三代是我们的身体或数字化身可以走入其中的三维立体的互联网。互联网缩短了空间距离,改变了时间维度,增强了人与人的连接方式,但它一直是二维的。虚拟现实头盔、可穿戴设备、体感控制等各种创新技术产品都试图将互联网带向三维立体,现在似乎到了临界点。
#资讯#
【Adobe CC Express更新带来了快速操作和生产力功能】据ZDnet网4月1日报道,Adobe Creative Cloud Express周三推出的更新为其移动和Web应用程序带来了生活质量功能。
现在可以使用可自定义的基本形状,允许用户从形状库中进行选择,这些形状可以在保持设计一致的同时调整大小。新的Adobe Color集成允许用户访问大量预设调色板和主题。用户还可以搜索和查看Adobe的建议,以适应不同的主题和心情。
(编译:墨书)
【Adobe CC Express更新带来了快速操作和生产力功能】据ZDnet网4月1日报道,Adobe Creative Cloud Express周三推出的更新为其移动和Web应用程序带来了生活质量功能。
现在可以使用可自定义的基本形状,允许用户从形状库中进行选择,这些形状可以在保持设计一致的同时调整大小。新的Adobe Color集成允许用户访问大量预设调色板和主题。用户还可以搜索和查看Adobe的建议,以适应不同的主题和心情。
(编译:墨书)
#移动web的第四天 ##flex布局继续#
●flex布局
●主轴方向改变
目标:使用flex-direction改变元素排列方向
主轴默认是水平方向, 侧轴默认是垂直方向
修改主轴的属性:flew-direction
需要改变谁给谁加配合dispaly-flew之后使用
●属性值:
row 行水平(默认值)
column 列垂直也就是y轴
row-reverse 行,从右到左
column-reverse 列,从下向上
父级设置dispaly-flew子级会显示弹性盒子优势
●弹性盒子换行
目标:使用flex-wrap实现弹性盒子多行排列效果
属性:flew-wrap:
给父级加配合dispaly-flew之后使用
●属性值:
wrap换行
nowrap 默认值不换行
调整行对齐方式 :align-content
侧轴有多行内容的时候使用
取值与justify-content基本相同:
flew-start 默认值开始
flew-end 结束位置
center 居中
space-around 子级之间距离是父级离盒子的二倍
space-between 子级紧盒子左右俩边,其他方向距离个个自己均分
space-evenly 每一个子级之间距离相等
●align-content:center与align-items:conter区别
1.align-items 是侧轴有单行内容的时候使用,
如果在多行内容的时候用,那么它每行之间出现间隙
2.align-content 是侧轴有多行内容的时候使用
他会让每行之间的间隙消失#
●flex布局
●主轴方向改变
目标:使用flex-direction改变元素排列方向
主轴默认是水平方向, 侧轴默认是垂直方向
修改主轴的属性:flew-direction
需要改变谁给谁加配合dispaly-flew之后使用
●属性值:
row 行水平(默认值)
column 列垂直也就是y轴
row-reverse 行,从右到左
column-reverse 列,从下向上
父级设置dispaly-flew子级会显示弹性盒子优势
●弹性盒子换行
目标:使用flex-wrap实现弹性盒子多行排列效果
属性:flew-wrap:
给父级加配合dispaly-flew之后使用
●属性值:
wrap换行
nowrap 默认值不换行
调整行对齐方式 :align-content
侧轴有多行内容的时候使用
取值与justify-content基本相同:
flew-start 默认值开始
flew-end 结束位置
center 居中
space-around 子级之间距离是父级离盒子的二倍
space-between 子级紧盒子左右俩边,其他方向距离个个自己均分
space-evenly 每一个子级之间距离相等
●align-content:center与align-items:conter区别
1.align-items 是侧轴有单行内容的时候使用,
如果在多行内容的时候用,那么它每行之间出现间隙
2.align-content 是侧轴有多行内容的时候使用
他会让每行之间的间隙消失#
✋热门推荐