发表于： 2018-10-19 21:43:26
1 746
今天完成的事情：
今天主要是把大概的内容都给写进去了，明天准备好弄布局
布局的知识还是差了一点，只是把简单的布局给写了一下，明天是更复杂的布局
flex-direction (元素排列方向) row, row-reverse, column, column-reverseflex-wrap (换行) nowrap, wrap, wrap-reverseflex-flow (以上两者的简写) flex-direction || flex-wrapjustify-content (水平对齐方式) flex-start, flex-end, center, space-between, space-aroundalign-items (垂直对齐方式) stretch, flex-start, flex-end, center, baselinealign-content (多行垂直对齐方式) stretch, flex-start, flex-end, center, space-between, space-aroundrow- flex容器的主轴被定义为与文本方向相同。 主轴起点和主轴终点与内容方向相同。
row-reverse- 表现和row相同，但是置换了主轴起点和主轴终点
column- flex容器的主轴和块轴相同。主轴起点与主轴终点和书写模式的前后点相同
column-reverse
表现和column相同，但是置换了主轴起点和主轴终点
position: sticky;
position属性中最有意思的就是sticky了，设置了sticky的元素，在屏幕范围（viewport）时该元素的位置并不受到定位影响（设置是top、left等属性无效），当该元素的位置将要移出偏移范围时，定位又会变成fixed，根据设置的left、top等属性成固定位置的效果。今天刚看到的还是很有意思，很有用的
明天计划的事情：尽量去把布局看懂
遇到的问题：布局混乱
收获：
返回列表
评论