发表于: 2018-06-28 22:34:06
2 689
今天完成的事情:
1回顾git、GitHub使用,练习push、clone文件
2通过任务实践去理解CSS的position
不同类型的定位影响元素框生成的方式
① relative:生成相对定位的元素,相对于其正常位置进行定位。
元素的位置通过left、right、top、button属性进行规定,
可以通过z-index进行层次分级。
②absolute:生成绝对定位元素。使元素脱离文档流,并相对于其包含块进行定位,
包含块可能是文档中的另一个元素或者是初始包含块,
元素原先在正常文档流中所占的空间会会被后面元素占据
③fixed:生成绝对定位元素,相对于浏览器窗口的定位。通常配合z-index一起来使用。
④ 默认属性static:静态定位 无特殊定位,对象遵循正常文档流
3元素的内容溢出
visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden 内容会被修剪,并且其余内容是不可见的。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。
vertical-align 设置元素的垂直对齐方式
4 学习Html表单
了解及应用了<input> 元素<button> 元素
输入类型涉及输入类型:text、password
明天计划的事情:
1继续学习表单及其元素、输入类型及其属性
2继续进行任务四
遇到的问题:
以前学习过的知识点有遗忘
(基础阶段还是需要循序反复,打好基础)
页面的布局,Position定位遇到一些问题
(有时属性选择的不是很合适,需要不断调试,才能达到页面效果)
收获:
Html和css的编写比以前好很多,会有些思路,不像一开始完全没有概念。
评论