发表于： 2025-03-08 03:35:15
0 252
今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
因为前后几天就连在一起说吧，完成了自适应九宫格，并通过xshell上传到服务器。
明天计划的事情：（一定要写非常细致的内容）
进行任务三
遇到的问题：（遇到什么困难，怎么解决的）
在设置高度的时候都没有效果，去搜了一下，没找到能看得懂的方法（比较好的一点是至少能用一些术语搜索问题了），询问了一下ai给点思路，AI给出的方法是设置单位为VW，也就是根据当前浏览器的看到的区域来设置。
在使用xshell上传到服务器的时候也是很不顺畅，不过还是靠着把报错什么的给AI解决了，卡的比较久的是一开始没有正确的告诉AI路径名称，导致反复错误。
收获：（通过今天的学习，学到了什么知识）
1.知道了CSS，HTML，JS的基础概念
以人来类比，HTML，一个网页的骨架，CSS一个人的皮肤，衣服，JS一个人的灵魂，没有JS的话 CSS和HTML的一个人更像是一个植物人
内联样式 优先级最高，不利于维护，直接写在 HTML 元素的 style 属性中
内部样式 次于内联样式，适用于单个页面重复样式，在 HTML 文件的 <head> 标签内，通过 <style> 标签定义。
外部引用次于前两种，利于维护和复用，适用于多个页面，在 独立的 .css 文件 中定义，通过 <link> 标签引入到 HTML 的 <head> 内
2.关于盒子模型还是有点似懂非懂，感觉知道了，但是差点意思。
content 是盒子里装的东西 width 是装的东西长 height 是内容的高
padding 是箱子内壁与
content的距离
border 是箱子的外壳
margin 是箱子与其他物品的距离
box-sizing 属性定义如何计算一个元素的总宽度和总高度，主要设置是否需要加上内边距(padding)和边框等。
content-box 另外计算边框，边距
border-box 不需要另外计算，输入即所得
返回列表
评论