到目前为止,我在小组用课余时间学习前端有关知识已经一个月了。在前些天也是进行了一次考核,这次考核大都是些基础的东西,但从这次考核也是知道了自己有很多不足,有很多知识自己还没有掌握。下面是一些很重要但是我还没有掌握的细节。
1:首先是背景图片,填充和平铺竟然是两种东西(震惊),我理解错了。background-size:cover(或者background:100% 100%)。这是填充,可以让一个图片充满整个容器,而平铺是一个图片进行相同的复制一样把容器铺满
2:第二个是圆角设置,不同的值代表的意思一个值:四个角 两个值:左上角和右下角 右上角和左下角 三个值:左上角 右上角和左下角 右下角四个值:左上角 右上角 右下角 左下角
3:清除浮动
在最后一个浮动标签后,新加一个标签,给其设置clear:both;
父元素添加overflow:hidden
使用after伪元素清除浮动
使用before和after双伪元素清除浮动
父级div定义 height
4:表单
表单标签,表单域,表单按钮
常用的表单元素,包括:
1. form: 定义供用户输入的表单。
2. fieldset: 定义域。即输入区加有文字的边框。
3. legend:定义域的标题,即边框上的文字。
4. label:定义一个控制的标签。如输入框前的文字,用以关联用户的选择。
5. input: 定义输入域,常用。可设置type属性,从而具有不同功能。
6. textarea: 定义文本域(一个多行的输入控件),默认可通过鼠标拖动调整大小。
7. button: 定义一个按钮。
8. select: 定义一个选择列表,即下拉列表。
9. option: 定义下拉列表中的选项。
input常用type属性如下:
1. text:单行文本输入框,可以通过正整数的size控制框长度。
2. password:密码输入框。
3. radio:单选按钮,同一组的单选按钮必须要有相同的name。
接下来就是继续学习,然后做我的第一个正式的页面了。加油加油