发表于: 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 为网页上查询到的宽高。
明天计划的事情:
把任务十调整一下布局准备提交任务
遇到的问题:
可能是我代码问题,网络格式布局是这百分比高度时不生效,只能设置固定宽度。
收获:
最近补充了很多之前漏掉的东西,网络格式理解错误,师兄一番讲解才发现正确用法
评论