发表于： 2019-04-26 18:47:52
2 871
今天完成的事情：
1.完成任务四效果实现。
顶部使用三种方式实现。
（1.弹性布局。justify-content: space-between，需要注意两侧小盒子要设置两侧外边距。
（2.绝对定位。设置一个大的盒子绝对定位，三个小盒子相对父元素相对定位。
（3.float+负margin。再想想。
明天计划的事情：
1.任务四用到的知识再整理下。
2.完成任务五。
遇到的问题：
1.input里有了ID，为什么还要name?
两者是有不同的功能。
id
（1.label与控件的关联
（2.css的id选择器
name
（1.可以为按钮分组。
（2.和服务器交互数据的标识。
（3.建立页面锚点
2.src和href的区别？
src用于替代这个元素，href用于和外部资源建立链接。
例：<a href= "#"><img src=""></a>
a标签里的href是跳转到这图片，而img里的src是用图片完全替换了这个标签。
引用JS文件用src；引用css文件用href。
3.如何实现图标和文本框之间的短竖线？
文本框边框的一侧设置样式，设置上下内边距和外边距，使得盒子居中。
4.给输入框加了z-index属性，导致输入框可见但不可输入信息。
5.input设置默认文字有两种方式，placeholder和value,密码栏需要使用第一次方式才是可见的。
收获：
1.Css命名规范：（1，使用连字符连接的字符串。（2.使用BEM命名规范。 参考文档https://juejin.im/post/5a6c5881518825733201daf7
2.button透明的设置
需要 border:0; background：tansparent;两个命令
返回列表
评论