发表于: 2019-01-24 23:47:58
1 824
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
因为电脑被偷了,什么都没有了,内心是拒绝的,可是没办法还是要重新来过,任务14.15真是我的劫。。
今天的任务完成了导航栏和轮播图的制作,完成了首页的编写。
导航栏和轮播图弄明白了还是很好写的,其实任务重点除了自己编写之外其他的都还好,毕竟任务8.9的时候都写 过,只是这次要用less来编写,对于有点代码能简单化就不要多写。
跟之前不同的是这次写导航栏没有用button按钮来写,是用的input关联lable标签,来达到在768px下点击出现下拉菜单,前面一次的写法是偷了懒,用button写出来按钮的样式后,用@media来写在max-width:768px之后,通过margin-top的值来让ul的下拉菜单挤下来,意思就是当屏幕小于768px值后,我设的margin-top的值会自动把ul标签的下拉菜单撑下来,感觉很low后,这次就换了一个方法,前面任务10的时候接触过input的标签,它可以通过id和for值来和lable标签相关联。
这里学习了一下checked复选框属性。
定义:
checked属性规定在页面加载时应该被预先选定的input元素。
用法:
checked属性与<input type=“checkbox”>或者<input type=“radio”>配合使用。
checkbox属性:
<input type=“checkbox”>允许为表单中(或不在表单中)的提交项选择一个单一值。
注意:若表单提交时,checkbox未勾选,则提交的值并非为value=unchecked;此时的值不会被提交到服务器。
该元素包含全局属性。
当checked的type属性的值为checkbox时,这个属性的存在表示input是否默认被选中。可以将该属性设置为checked=“checked”,或者更简单只设置为checked;
如:
}
还有一个重点就是伪类选择器:checked;
:checked伪类选择器表示任何处于选中状态的radio(<input type=“radio”>),checkbox(<input type=“checkbox”>)或者(“select”)元素中的option html元素(“option”)。
语法::checked;
通过勾选或选中元素或取消勾选/取消选中,来改变该元素的:checked状态。
如:
明天计划的事情:(一定要写非常细致的内容)
继续剩下的页面编写。
遇到的问题:(遇到什么困难,怎么解决的)
对于checkbox感觉还只是懂点皮毛。
收获:(通过今天的学习,学到了什么知识)
input表单元素中的checked属性还要type定义的checkbox状态,还有伪类checked选择器的作用及写法。
评论