发表于： 2018-06-04 21:04:06
1 615
今天做了任务四
遇到了一点小问题
1.看见那么难得输入框，想写的心瞬间被熄灭了。还好坚持写完了，发现也没那么难。
2.任务四的验收标准四
- 扩展性：去掉header的三块文字的任意一两个，剩下的一两个都还在原位置上不会受到影响。
因为要水平居中，首先选用了flex布局。
发现没办法完成验收标准四。然后选用了float，明显不行。最后使用定位，配合flex布局完成。
3.字体过大
设置min-weight:320px;不是很懂，为啥这样字体就能正常点呢
然后我们来看一下深度思考
1.position定位有哪几种？各有什么特点
position:relative 相对于元素本身位置定位，但是没办法定位right;bottom;占位置
position:aboute 相对于距离最近的非position:initial 的元素定位，四面八方都可以定位，不占位置
position:flex 相对于屏幕定位，不占位置，固定在屏幕某一位置
position:inital 普通的元素流
position:inherit 继承其父元素的position
2.哪些css属性可以设置百分比，其计算原则是什么？
width，margin，padding相对于其父元素的宽度计算
定位属性：left top bottom right
font-size background-position text-indent, line-height, vertical-align;
3.常见的表单元素有哪些？各有什么属性？
4.如何理解HTML结构的语义化？
语义化的含义就是用正确的标签做正确的事情，html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CCS情况下也以一种文档格式显示，并且 是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
5.使用fixed的时候，在手机上查看是否会有问题，怎么解决？
https://www.jianshu.com/p/ed1cc6864207
看的不是很懂，为啥fixed之后，会跑到中间啊，顶多就是软键盘被唤起后，底部fixed的元素会随着屏幕向上，点返回就好了，问题就是上面的元素集体被挡住了。我用的愚蠢的方法，给上面的元素加了margin-bottom,。。现在还没有找到有效的解决方法
6.常见的移动端登录页header有哪些实现方式？
1.float布局
2.flex布局
3.position布局
明天工作的内容有点多，应该啥也不做- -,蜜汁尴尬
返回列表
评论