发表于: 2018-09-12 19:23:48
1 747
今天完成的事情:今天修改了任务8,9的一些细节问题,开始做任务10。
师兄检查任务9的时候发现有横向滚动条,检查后发现是因为使用bootstrap中的row,row左右各有 -15px 的 margin,才导致内容大于屏幕,删除即可解决。
任务10的进度:
明天计划的事情:明天继续做完任务10
遇到的问题: 对于任务10在不同手机尺寸下布局是否改成响应式?
媒体查询是针对于分辨率还是手机尺寸?
收获:
input的属性
checked
checked属性规定在页面加载时应该被预先选定的input元素,也可以在页面加载后,通过javascript进行设置
[注意]checked属性只能与type="radio"或type="checkbox"的input元素配合使用
<input type="radio" name="radio" value="1" checked>
<input type="radio" name="radio" value="2">
<input type="checkbox" name="checkbox" value="1">
<input type="checkbox" name="checkbox" value="2">
Css改变radio样式:
<input id="radio" type="radio" name="age" /><label for="radio"><span><span></span></span></label>
几个关键点:
(1)设置input的opacity为0。
(2)在input后面添加一个label,for属性绑定input的id。
(3)在label中加入两个<span>标签,内部标签负责checked样式,外部负责未选中样式边框。然后在css中修改想要的样式就可以了。
评论