发表于： 2018-10-15 17:01:27
1 847
今天完成的事情：
- 完成任务4：
1.position定位有的特点：
- static
所有元素在默认的情况下position属性均为static。
其用法为：在改变了元素的position属性后可以将元素重置为static让其回归到页面默认的文档流中。
需要注意的是z-index属性在position为static的情况下无效。
- relative
俗称的相对定位，重点在于对相对的理解。我们都知道每个元素在页面的文档流中会“占用”一个位置，这个位置可以理解为默认位置，而相对定位就是将元素偏离元素的默认位置，但文档流中依然保持着原有的默认位置，并没有脱离文档流，只是视觉上发生的偏移。
- relative的特点
仍在文档流之中，并按照文档流中的顺序进行排列。
参照物为元素本身的位置。设置relative最常用的目的为改变元素层级和设置为绝对定位的参照物。- absolute
- 俗称的绝对定位，绝对定位是相对而言的，怎么理解呢？应用了position: absolute的元素会通过相对于最近的非 static 定位的祖先元素的偏移，来确定元素位置。如果其祖先元素都没有设置过非 static 定位的属性时，则该元素最终将以 html 元素进行。
- 开始用绝对定位来布局导航栏，使其3个元素飞去天际，随后放弃。
2.让页面宽度始终占满屏幕需要用上自适应代码里面加上<meta name="viewport" content="width=device-width, initial-scale=1" />
- viewport是网页默认的宽度和高度，即设置：网页宽度默认等于屏幕宽度（width=device-width）
- 3.在css里面输入输入框的类名里添加outline：none；就可以把高亮显示的对话框给去掉了
4.增加对话框内字数限制和密码框的内数字的掩盖
- <input type="text" name="fname" placeholder="请输入手机号" maxlength="11">/*在末尾增加maxlength="11"通过调整数字来决定内容的长度<input type="password" name="pass" placeholder="请输入密码" >更改类名（password）和来让对话框输入密码时以小数点的形式出现增加保密性
如图：
5.学习表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。
表单使用表单标签（<form>）定义。
<form> <input /></form>
search 域显示为常规的文本域。
明天计划的事情：开始任务5的完成和相关知识的查阅。-
遇到的问题：看了表单的资料后发现我的input运用不规范，但是还是可以运行是什么情况
收获：了解了表单的一些运用和属性
返回列表
评论