发表于: 2021-07-18 18:34:46
1 974
今天完成的事情:
完成了九宫格,并成功调试Nginx 利用手机打开了九宫格网页
进一步了解了盒子模型 对bordermargin等有了更清晰的了解。
同时对css语法有了初步的理解运用
明天计划的事情:
进行任务二 记忆
在原先的基础上使用自己已经见过并了解用途的标签
并尝试用不同的标签来达到更多效果
遇到的问题:
一开始虽然完成了九宫格的样式但是因为基础知识不扎实导致九宫格间隔出现问题 在师兄的指导下了解到了margin-left的标签和内边距的告概念,才成功调整了九宫格的边距问题 对于Nginx的配置出了一些问题 一开始出现了404界面 但在师兄的帮助下借助教程成功配置
收获:
在基础标签语法等不了解的情况下 贸然进行编写会出现问题 这些问题往往是需求特殊的标签的才出现的 解决这些问题一般需要回归到基础 如果还不能解决 去看任务提供的经验
所有 HTML 元素都可以视为方框。在 CSS 中,在谈论设计和布局时,会使用术语“盒模型”或“框模型”。
CSS 框模型实质上是一个包围每个 HTML 元素的框。它包括:外边距、边框、内边距以及实际的内容。
元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。
内边距、边框和外边距都是可选的,默认值是零。但是,许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式。这可以分别进行,也可以使用通用选择器对所有元素进行设置
CSS padding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。
评论