发表于: 2018-11-22 20:47:02

1 967


今天完成的事情:

今天下午完成了任务五,这个任务做的速度比较慢,用了将近三天的时间,做出来的代码也有些复杂了,但这样也是有收获的,对一些知识的也有了一定的巩固,比如相对定位和绝对定位:

描述
absolute

生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed

生成绝对定位的元素,相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative

生成相对定位的元素,相对于其正常位置进行定位。

因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

师兄审核完任务后,看了下师兄的任务五编程,也学习到了一些思路,插入图片的时候可以用背景图的方式插入,

div
{
background-img: url(*.*)
background-size:100%
}

以及

CSS white-space 属性

实例

规定段落中的文本不进行换行:

p
  {  white-space: nowrapp
  {  white-space: nowrap
  }


描述
normal默认。空白会被浏览器忽略。
pre空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap保留空白符序列,但是正常地进行换行。

晚上也没有急着做任务6,看了会资料,对了,郭杰师兄说了一个样式的写法

<body>    
<div class="font" "blue"></div>
<body>


.font
{
font-size: 2px;
color: antiquewhite
}
.blue
{
color: #5fc0cd
}    

这样的话,后面的出来会覆写前面的,比如这个写出来的字的颜色就是蓝色的,这样的话,也方便了许多。

明天计划的事情:

先巩固下,再做任务六
遇到的问题:
对基础标签还是有些不熟悉

收获:

继续努力吧






返回列表 返回列表
评论

    分享到