流式布局

145 阅读2分钟
网络类型
  • 内网: 也叫局域网(Local Area Network,LAN),是在一个局部的地理范围内(如一个学校、工厂和机关内),一般是方圆几千米以内,将各种计算机,外部设备和数据库等互相联接起来组成的计算机通信网。
  • 公网:公网是相对于内网而言的。内网上网的计算机得到的IP地址是Internet上的保留地址;而公网上网的计算机得到的IP地址是因特网的公用地址,是非保留的地址。公网的计算机和因特网上的其他计算机可随意互相访问。
  • 外网广域网(英语:Wide Area Network,缩写为 WAN),又称广域网、外网。是连接不同地区局域网或城域网计算机通信的远程网。通常跨接很大的物理范围,所覆盖的范围从几十公里到几千公里,它能连接多个地区、城市和国家,或横跨几个洲并能提供远距离通信,形成国际性的远程网络。

遗漏属性
  • vertical-align: center 垂直居中v
  • span::after   伪元素 要加一个属性 { content:"";}
  • transparent属性   透明属性
  • linear-gradient   线性渐变

一、流式布局-移动端开发

  • 流式布局,就是百分比布局,也称非固定像素布局。
  • 通过将盒子的宽度设置成百分比,从而根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。
  • 流式布局方式是移动 web 开发使用的比较常见的布局方式。

开发步骤

  • 技术选型

technical_selection.png

  • 搭建相关文件夹结构

format.png

  • 设置视口标签+引入初始化样式

viewport.png

  • 常用初始化样式+normalize.css

initialize_style.png