学习网页基础中认为重要的知识点：
1.CSS选择器优先级：各选择器之间的权重值：从低到高
继承的样式（无限低）、通配符选择器、元素选择器、类/属性/伪类选择器、 id选择器、行内样式(标签的style属性)、!important（无穷大）
2.盒模型解决元素溢出的方法
处理溢出 通过css的overflow属性处理溢出的子元素部分
可选值：visible,默认值 子元素从父元素中溢出，在父元素外部的位置显示
hidden，溢出的内容将会被裁剪，不会进行显示
auto 根据溢出的方向生成滚动条，通过滚动条的方式查看子元素所有的内容
3.解决高度塌陷问题：
1.给父元素设置固定的高度，防止子元素浮动引起的塌陷
2.给父元素开启BFC模块
BFC就是一个特殊的领域！该领域不会受到其他元素的布局影响！
overflow：hidden； 目前来说最优解，影响是最小的对整个文档！
给父元素设置浮动：float：left； 该方式不建议使用！
4.移动式轮播图
- css的动画属性
- 动画的概念:动画的本质就是一帧一帧的画面组成的!利用一定规律进行播放!从而形成动画!
- 利用css动画属性, 为元素设置动画帧
为该元素设置动画帧
动画帧的名字 move
动画整体持续的事件 5s
动画整体播放的速度是匀速播放 linear
动画重复播放 infinite
创建一段动画帧
5.flex (弹性盒)：
是css中的又一种高级的布局手段，它主要用来替代浮动的！ flex可以使得元素具有弹性！让元素可以跟随页面发送变化！
利用css的属性 display 开启：display:flex 将元素设置为块级弹性容器
display：inline-flex 将元素设置为行内块的弹性容器
弹性容器的属性设置：
1） flex-direciton 指定容器中的主轴和侧重方向！
可选值：row 默认值 主轴是x轴 方向是从左往右 ，侧轴是y轴，方向是从上往下
column 主轴是y轴 方向是从上往下 ，侧轴是x轴，方向是从左往右
2）flex-wrap 设置弹性元素是否在弹性容器中换行
可选值：nowrap 默认值 弹性元素不会换行
wrap 元素可以进行换行
3）flex-flow 该属性是 direciton和wrap属性的简写！
4） justify-content 分配主轴上的空白空间
可选值：flex-start 元素从主轴的起点排列 默认值
flex-end 元素从主轴的终点排列
center 元素居中排列
space-around 空白分布到元素的两侧
space-between 空白均匀分布的元素之间 ，开始元素顶格容器边缘，末尾元素顶格容器的边缘
space-evenly 空白均匀分布到元素
5） align-items 设置元素在侧轴上对齐的方式
可选值：streth 默认值， 如果元素未设置高度或者宽度，则将元素沿着侧轴填满
flex-start 元素不会拉伸，沿着侧轴起点对齐
flex-end 元素不会拉伸，沿着侧轴终点对齐
center 侧轴居中对齐
baseline 文本基线对齐 了解
6）align-content 分配侧轴上的空白空间 ，
注意：该属性只能用于容器开启了换行模式才能生效 flex-wrap：wrap
可选值：flex-start 所有元素向侧轴的起点对齐
flex-end 所有元素向侧轴的终点对齐
center 所有元素向侧轴的中间对齐
space-around 空白分布到元素的两侧
space-between 空白均匀分布的元素之间
stretch 空白单向向元素一侧分配，产生间隙
弹性元素的属性设置：
1）order 排序 数值越小 排列越靠前 默认为0
2）flex-grow 指定弹性元素的伸展系数 元素的扩充 默认情况元素不会自动扩充
3） flex-shrink 指定弹性元素的压缩 当空间不够时对元素进行压缩 默认压缩系数是1
4）flex-basis 指定元素的初始值大小，元素的宽高属性！ 该属性要优于元素的宽高属性！
5）flex 属性是 flex-grow ， flex-shrink ， flex-basis 的简写
auto ： 1 1 auto
none ： 0 0 auto
6）align-self 该属性是用来覆盖当前弹性元素上的aline-items属性值的，特殊化的对待
flex-start
flex-end
center
baseline 了解
stretch 拉满侧轴
弹性元素既可以作为某一个弹性容器的弹性元素，也可以作为其他元素的弹性容器！元素一旦变成弹性元素后，则不再区分行元素，块元素，行内块元素。
243
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
