[郑州|结业弟子]JS-刘超|2018年12月13日的日报-技能树.IT修真院

发表于： 2018-12-13 21:03:55

2 811

今天完成的事情，任务5ui图内容部分。开通weiki账号，注册企业邮箱，明白请假流程，在weiki上面更新个人信息。官网更新个人资料。任务1总结。

今天在个人主页的时候，背景图片很大，不知道怎么去做他，背景图片，背景定位，背景不重复都试过了。

.background{

width: 100%;

height: 300px;

background-image: url("image/task4-2.png");

background-size: 100% 100%;

background-repeat: no-repeat;

background-size可以设置背景图片的大小，背景图片x轴代表着水平方向，

y轴代表垂直方向，当两个数值都是百分之百吗，图片就被铺满。

当然也可以设置一个x轴100%，y轴去设置为auto，浏览器自动计算图片大小去调整。

任务一总结如下！

1.html文件里面的开头的Doctype，是标准的通用标记的文档类型声明。

<!DOCTYPE> 的声明必须写在html文档里面的第一行里面。

这样可以避免浏览器去用自己的怪异模式去解析文件，算是一种通用的标准。

如果文档里面不加入，<!DOCTYPE>的话，浏览器会根据自己的方式去解析文件。

2.盒子模型是css页面设计中最常用的方式，可以用来布局文字，图片等等内容。

盒子模型由四个属性组成，内容contnet，内边距，padding，边框border，和

外边距margin组成，边框就是盒子的本身，每个html标记都可以看做一个盒子，

盒子里面可以容纳盒子，因为css里面盒子本身具备弹性。

3.margin，是盒子模型里面的外边距，能够接受任何长度单位

包括百分百与负值。可以改变盒子的上下左右的边距，通过移动间距可以改变盒子模型的位置。

4，padding和margin不同，不能接受负值，定义了边框与元素内容之间的间距。

5，margin与padding的区别就是，padding是内容与边框之间的间隙，margin是模块与模块之间

的间隙。

脑图部分

任务五个人主页进度

收获，学会了背景图片的大小与自适应布局。weiki账号使用，企业邮箱。

明天计划，任务五做完，任务总结写完。了解一下背景图片大小设置关于cover属性与百分比

有什么不同。

返回列表