发表于： 2019-11-29 22:21:54
1 1055
今天完成的事情：
今天把任务10内容区补上了 整体完工 响应式用栅格和弹性盒子媒体查询配合实现
这个任务主要是改原生按钮格式和 下拉框的简单样式 学习了伪元素 发现挺方便的
把原生的按钮display：none；了 也可以裁剪没的
- position: absolute;
- clip: rect(0, 0, 0, 0);
这个属性要配合绝对或固定定位使用
页面加载时被预先选定的 <input> 元素
检查发现这里 需要用媒体查询更改下下拉框的位置
了解 单选按钮更改和下拉框样式更改之后这个任务基本就完工了 响应式在任务8 9已经可以灵活运用了
更改好了 在669到670处出现了断点，小数点到。98也不行 又多写了一个就解决了
今天主要是开始被官网任务弄跑偏了
制作主体表单，用css+div模拟原生表单并保证元素功能完好，注意不同分辨率下的显示
原生表单百度了好久都没找到什么意思 。。。 完全蒙了
这个主要是利用table关联了文字 在lable前面设置伪元素 原生的按钮display：none；
再利用
触发lable伪元素before 后的点击事件 +第一个元素不起作用，后面的兄弟元素会起作用
相对和绝对定位
下拉框那个就是几组代码 隐藏掉原生的按钮 用相对绝对定位 图标
明天计划的事情：
把深度思考理解完
提交任务 按师兄说的开启新的大门 任务11 加油吧
遇到的问题：
伪元素要多用用
收获：
伪元素的基本运用 原生按钮的样式更改
返回列表
评论