任务名称:css任务1
成果链接：https://xinchencs88.github.io/-4/one/box.html
外边框边框填充他们的作用。
通过任务一算是了解到盒子的应用以及它的外边框和内边框的还有填充是怎么用的，刚开的9宫格一直是定死的不能随着浏览器伸缩改变大小，知道百分比是通过浏览器的大小而改变的数值，用外边框margin可以隔开彼此，使用填充padding来撑起整个盒子然后在用浮动型可以自动填满浏览器空白处。这个任务就是了解盒子的应用以及它的布局等，一开始不太理解什么是盒子怎么让盒子填充起来而浪费了很多时间。同时也知道应用background属性的应用背景颜色。刚开始不知道每个标签就是个盒子一直以为里面的内容才是个盒子，不断试错知道标签就是盒子里面包含边框外边等只不过他门的值是0不会显示出来，通过选择器来进行添加高宽等值。这时才算了解什么盒子。
浮动类型：算是了解到浮动类型通过选择器是让本来div（块状元素）块状元素一般都是直接单独占一行，浮动类型就让它直接占自身大小但空白处会自动填上这个对后面我任务3的布局很麻烦。
评论