发表于: 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 元素拥有共同的父元素”。




返回列表 返回列表
评论

    分享到