qq_39218277的博客

Bootstrap 引入相关样式文件 <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> bootstrap布局容器 Bootstrap 需要为页面内容和栅格系统包裹一个 .container 或者.container-fluid 容器，它提供了两个作此用处的类。 .container 响应式布局的容器 固定宽度 大屏 ( >=1200px) 宽度定为 1170px 中屏 ( >=992px) 宽

flex 父级常见属性 flex-direction：设置主轴的方向 justify-content：设置主轴上的子元素排列方式 flex-wrap：设置子元素是否换行 align-content：设置侧轴上的子元素的排列方式（多行） align-items：设置侧轴上的子元素排列方式（单行） flex-flow：复合属性，相当于同时设置了 flex-direction 和 flex-wrap flex-direction 方法及属性 justify-content 设置主轴上的子元素排列方式 f

1.css类型 行内样式（内链样式） 内嵌样式（内部样式表） 外部样式表（外链式） 2. css选择器 标签选择器（p等）、类选择器（class）、id选择器（id）、通配符选择器（*） 3.复合选择器 后代选择器：父级 子级{属性:属性值;属性:属性值;} 子元素选择器：父级 >子级{属性:属性值;属性:属性值;} 交集选择器：标签.class选择器 eg： p.one 并集选择器：各个选择器通过,连接而成的，通常用于集体声明 eg： .one, p , #test {color: #F00