布局容器 Bootstrap需要为页面内容和栅格系统包裹一个 .container 容器,Bootstrap预先定义好了这个类,叫 .container,他提供了两个作此用处的类 container 类 响应式布局的容器 固定宽度
less+rem+媒体查询布局 rem 单位 rem(root em)是一个相对单位,类似于em,em是父元素的字体大小 不同的是rem的基准是相对于html元素的字体大小
flex 弹性布局 布局原理 flex 是 flexible Box 的缩写,意为“弹性布局”,用来为盒模型提供最大的灵活性,任何一个容器都可以指定为 flex 布局 当我们为父盒子设置为 flex 布局一以后,子元素的 float、clear 和 vertical-align 属性都将失效
流式布局(百分比布局) 流式布局,就是百分比布局,也称非固定像素布局 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行缩放,不受固定像素的限制,内容向两侧填充 max-width 最大宽度(max-height 最大高度) min-width 最小宽度(min-height 最小高度)
<meta name="viewpoort" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> 属性 解释说明 width 宽度设
logo里面首先放一个 h1 标签,目的是为了提权,告诉搜索引擎,这个地方很重要 h1 里面再放一个 a 链接,可以返回首页,把 logo 的背景图片给 a 链接即可 为了搜索引擎收录我们,我们链接里面要放文字(网站名称),但是文字不要显示出来 方法1:text-indent 移动到盒子外面(tex