前端布局

页面布局

盒子模型

边框(border)
内边距(padding)
外边距(margin)

box-sizing

定义盒子模型的大小

display

定义了一个元素显示类型,包含了生成盒子模型的两个基础特性.

  • outer display type - 定义外部的布局

  • inner display type - 定义盒子内部子元素的布局

符号 解释
flex 弹性布局
flow

Vue中的特殊属性

ref

用于注册一个元素或子组件的参照.这个参照将会注册到父组件中的$refs对象.如果用于文本DOM元素,这个参照就是那个元素.如果用于子组件,这个参照就是那个子组件实例.