发表于: 2019-04-06 23:23:47

2 764


今天完成的事情:

终于把之前的任务复习完完毕了,任务八反复写了有5次,差点没崩溃了,任务十基本写好了,途中遇到不少问题,最难搞定的就是改变表单格式,最后还是在周师兄的帮助下解决了这问题,

 input[type="radio"]{

            position: absolute;                           隐藏input radio原油下拉按钮隐藏

            clip: rect(0,0,0,0);

        }

        input[type="radio"].aa + label::before{

            content: "";

            border: 1px solid #c2c7cb;

            width: 19px;

            height: 19px;

            border-radius:50%;

            box-sizing: border-box;                                       编译想要的样式基本效果

            float: left;

            margin-left: 6px;

            margin-top: 2px;

        }

        input[type="radio"].aa:checked + label::before{

           background-color: #00adee;

           background-clip: content-box;

           box-sizing: border-box;                                 最后添加上想要的选中效果空心圆

           padding: 3px;

        }

w3盒子和ie盒子的区别

box-sizing: content-box

box-sizing: border-box

了解到两种盒子之间的区别,w3c(content-box)的盒子模型的宽高是设定好的宽高不受内边距、边框影响

ie(border-box)盒子的设定的宽高是会加上内边和边框的宽度的  例如:宽高为100px的情况下,如果内边和边框均为10px,那么在ie盒子模型下,网页内看到的盒子真正宽高为10*2+10*2+60=100px;60 为网页上查询到的宽高。

明天计划的事情:

把任务十调整一下布局准备提交任务

遇到的问题:

可能是我代码问题,网络格式布局是这百分比高度时不生效,只能设置固定宽度。
收获:

最近补充了很多之前漏掉的东西,网络格式理解错误,师兄一番讲解才发现正确用法


返回列表 返回列表
评论

    分享到