发表于： 2019-09-27 20:57:33
1 1002
今天完成的事情：，下载了登录页资源，学习了绝对——relative, absolute, fixed 的区别是什么，学会使用表单标签进行交互，学习了基本的文本框密码框输入，文本域，多行文本输入
明天计划的事情：继续进行任务四，按照流程学习后面的内容
遇到的问题：阅读学习理论花费较长时间，测试代码不熟练，表单理解花费较长时间
收获：学习了relative, absolute, fixed 的区别是什么，如
relative：生成相对定位的元素，相对于其正常位置进行定位。
元素的位置通过left、right、top、button属性进行规定，
可以通过z-index进行层次分级。
元素元素仍保持其未定位前的形状，原本所占的空间仍将保留。
如果没有定位偏移量，对元素本身没有任何影响
absolute：生成绝对定位元素。使元素脱离文档流，并相对于其包含块进行定位，包含块可能是文档中的另一个元素或者是初始包含块，
元素原先在正常文档流中所占的空间会会被后面元素占据；
元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框；
绝对定位元素的包含块由离它最近的 'position' 属性为 'absolute'、'relative' 或者 'fixed' 的祖先元素创建。只要父级元素设置了position并且不是static（默认既是static），那么设定了absolute的子元素即以此为包含块（最近的）。如果都没有定义，那么就相对于整个文档body定位（注意不是相对于浏览器窗口定位）
相对定位一般都是配合绝对定位元素使用
fixed：生成绝对定位元素，相对于浏览器窗口的定位。通常配合z-index一起来使用。比如说网页上悬挂的聊天图标或者广告就是用了fixed学习了表单标签的基本语法，如：
<form method="传送方式" action="服务器文件">
1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。
2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3.method ： 数据传送的方式（get/post）。
学习了文本框和密码框输入，基本语法：
<form> <input type="text/password" name="名称" value="文本" /> </form>
学习了文本域多行文本输入，基本语法：
<textarearows="行数"cols="列数">文本</textarea>
1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。
2、cols ：多行输入域的列数。
3、rows ：多行输入域的行数。
4、在<textarea></textarea>标签之间可以输入默认值。
以及阅读其他学习资料等等
返回列表
评论