发表于: 2019-08-09 23:35:51
1 1005
今天完成了任务四,学会了position定位用法,学会了不同选择器的使用规范,学会了表单的使用
明天的计划:完成任务五,开始做任务六。
遇到的困难:1、布局方式选择时候,不清楚什么时候用定位,什么时候用浮动
2、在做单侧的边框的时候不知道怎么做,同时边框不完全包裹容器是怎么做
收获:1、form表单的使用,目前使用的是<input type=“text”name=“”placeholder=“”>和<inpit type="password" name=""placeholder, name属性是input元素的名称,text的类型是文本,不做设置时候默认是text,password类型是密码。
2、position定位,position的属性有
static:仍是文档流一部分
relative:元素框偏移,但是仍然保留之前占的空间
absolute:元素框从文档流中消失,之前占得空间不在(今天边框不能随文本变动就是因为元素脱离文档流)
fixed:根据屏幕窗口定位
3、熟悉了border的一些用法,写在一起的样子是border: 尺寸 样式 颜色,border-style样式,border-width边框宽度,border-color边框颜色
border-radious: 可以用来倒角
4、标签选择器在css中不用加点,之后学习了选择器的知识,分类:元素选择器、类选择器、id选择器、属性选择器、后代选择器、子元素选择器、相邻兄弟选择器、伪类、伪元素、通配符选择器。
目前使用比较多的是选择器有:通配符选择器用来将外边距和内边距初始变为0(权重最低),
元素选择器最基本的选择器
类选择器在css里面写的时候前面加点
id选择器在css中前面加#
5、今天做任务五的时候,没有认识到浮动和定位会导致元素脱离文档流,在任务四中需要边框和字体一起自适应,我在写代码时候使用了浮动和定位来布局,导致的后果是边框不能随着文本变化而变化。
6、form表单中预显示文字方法加placeholder=“文本”,调整该文本样式在css采用伪类选择器
评论