发表于: 2019-04-21 23:23:02
1 749
今天完成的事情:
1、任务三基本已完成,对网页布局有着更深的了解,摸清了布局思路,但是还会出现各种小问题。今天和昨天一样还是调试代码,不过今天比昨天的布局更好看 优化了不少,调整了两个椭圆形之间的不平,精准的把它们牢牢固定好。
2、通过今天的学习认识了一个新元素css3:box-sizing属性允许你以特定的方式定义匹配某个区域的特定元素。 例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。 共有三个值:(content-box)描述:这是由 CSS2.1 规定的宽度高度行为。 宽度和高度分别应用到元素的内容框。 在宽度和高度之外绘制元素的内边距和边框。 (border-box)描述:为元素设定的宽度和高度决定了元素的边框盒。 就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。 通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 (inherit)描述: 规定应从父元素继承 box-sizing 属性的值。
遇到的困难: 1、通过style样式color了字体颜色,然后保存上传服务器通过手机访问时出了问题安卓和iOS的显示字体颜色不一。2、通过webstorm访问浏览器页面突然性的来了404。3、webstorm上传文件突然性报错。可能是我乱删什么东西弄了好久
明天计划的事情: 1、提前查看任务四内容了解学习,并巩固任务三。2、继续思考出错的地方。
收获:通过今天学习,深度了解了魔镜知识,开导了思维。知道了新标签box-sizing的用法。
评论