前端实训

前端实训后续

一、重要含义

• 建立原则：做布局只考虑布局 做内容只考虑内容。
• 内容：布局外的统称为内容：文字、图片、音视频等。
• 标签 对布局和内容选择合适的标签，至关重要。
• 交互：多是在动画、特效、事件、及数据绑定，渲染等方面展开的内容。
• 基本布局学习：工 口、国。而一般大布局： 大页面框架多用工，T,I口。
  注册界面、登陆界面：国字型。
• 设计模式：自适应：解决界面完整性的可视问题 主动。
• 响应式：解决在不同设备终端显示效果的问题 被动。
• 沉浸式：解决用户体验问题。
  二、HBuilder讲解

打开HBuilder，新建项目： Html5+app;

• Css:布局和样式；
• Fonts:与字体或字符（emoji：实质是个字符）有关的素材
• Js:与交互有关
• Unpackage:不参与打包app的内容
• Index.html:默认网页
• Mainfest.json:手机端的打包配置文件
• Index.html文件
  三、方式方法
  1.居中方式：margin 盒子模型 Position
  2.盒子模型：
  /* 方法二：弹性盒子 */
  display:flex;
  justify-content: center; 水平
  align-items: center; 垂直
  3.当我们增加了方位属性flex-flow