发表于： 2018-05-10 21:59:50
3 606
今天完成的事：
1.学习了flex布局，传统的布局方案，是基于盒模型，依赖display属性加position属性加float属性，对于特殊布局不方便，比如垂直居中就不容易实现。任何一个容器都可以指定为flex布局。
设置flex布局后，子元素的float，clear，vertial，-align属性将失效
容器的属性有六个：
1⃣️flex-direction：该属性决定主轴的方向（既项目的排列方向）
2⃣️flex-wrap：默认情况下，项目都排成一条线（又称轴线上），flex-wrap属性定义如果一条轴线排不下，如何换行。
3⃣️flex-flow：flex-flow属性是flex-direction和flex-wrap属性的简写形式。
4⃣️justify-content：该属性定义了项目在主轴上的对齐方式。
5⃣️align-items：该属性定义了项目在交叉轴上如何对齐。
2.认真思考了任务1、2的深度思考
1.还原设计图：保证做出的小格子圆角、颜色和设计图一致
2.自适应：调整浏览器的宽度不会出现滚动条，小格子会随着窗口宽度大小变化，不会变形
3.移动端：在模拟手机查看时也能保证九宫格宽度等同屏幕宽度
4.编码规范：文件必须用UTF-8编码
5.编码规范：标签属性必须为小写字母，标签必须合并，属性值由双引号包含
6.编码规范：css使用外联的方式，放到<head></head>之间
7.编码规范：css控制样式时不得使用id
8.编码规范：布局时不使用table，使用div实现
1.如何使用svn将代码上传至github?
2.如何使用git将代码上传至github?
3.svn和git有什么区别?
4.如何利用github搭建自己的个人网站？
5.如何配置nginx，实现在手机上查看页面？
6.如何将代码部署至自己的服务器
返回列表
评论