发表于: 2018-05-12 22:33:28
1 761
今天完成的事情:
1、完成并提交了任务10;
2、复习了input制作单选框和单行文本框的知识;
明天计划的事情:
1、总结任务10的收获、
2、过一遍任务10 的深度思考问题;
遇到的问题:
在不知道父元素高度或父元素高度会发生变化时,怎样垂直居中一行多个元素或者多个元素中的某一个?始终模糊,在任务10中就用了上下padding加媒体查询完成下拉框的垂直居中,不知道是不是好的方法。
收获:
单选按钮顾名思义用于单选的场合,例如,性别,职业的选择等,语法如下:
<input type="xxx" name="yyy" value="z" checked />
常用属性:
1.type="radio"
type属性设置为radio,表示产生单一选择的按钮,让用户单击选择;
2.name="gender"
radio组件的名称,name属性值相同的radio组件会视为同一组radio组件,而同一组内只能有一个radio组件被选择;
3.value="男"
radio组件的值,当表单被提交时,已选择的radio组件的value值,就会被发送进行下一步处理, radio组件的value属性设置的值 无法从外观上看出,所以必须在radio组件旁边添加文字,此处的文字只是让用户了解此组件的意思.
4.checked
设置radio组件为已选择,同一组radio组件的name性情值必须要相同.rgin-top、margin-bottom;padding-top、padding-bottom值;
选择相邻兄弟
如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。
例如,如果要增加紧接在 h1 元素后出现的段落的上边距,可以这样写:
h1 + p {margin-top:50px;}
这个选择器读作:“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”。
评论