2020-12-19

这一周又飞快的过去了，回顾这一周学的东西，想想也就做了一个页面，别的其他是也没有干。这一周反正可倒霉吧，啥不好的事都聚在了一起。是加重语气标签;是粗体标签

它们起的均是加粗字体的作用。在大多数情况下，它们表现出来的效果也大致相同，所不同的是，标签是一个实体标签，它所包围的字符将被设为bold（粗体），而标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为bold（粗体）来实现的。但是在不同的HTML解释器下，情况也可能有所不同。
**坏事情：**周一到周三，别人前端视频都看完了，页面都开始做了，是快做完了，我视频没有看完，页面页面不会写，就会插一个图，看着别人写，心里可着急吧，就去问，人家给我讲的我都没有听过，人家让我去看视频，我就不知道该看哪里，就这样，浑浑噩噩时间过去了，中间也做了一点呢，但学姐说不对，我就重做，真的是无从下手啊，心态可崩，每天坐到这就焦急，我说那还不如去看视频，从头慢慢弄吧，要不能咋办，就看，哎，蓝牙耳机没有带好，掉地上了，摔坏了，弄不好了，可难受吧，这还不算啥，回寝室洗脚，嗯，茶瓶没有放好，胆碎了，中，明再换，第二天去看蓝牙线，摸一下，线头断了，很好，我都无语起了，这坏的东西都是室友的，弄得我都不敢碰东西了。在这三天里，我们要交历史调研报告，2500字，要表演历史剧，要做文献检索PPT，而我，却全在忙着作业面，重点是页面也没有一点进度，晚上也不知道在磨蹭啥，很晚睡，却没有干住什么事。这些事都是室友帮我的，说实在的，真的考虑过放弃，那几天人都是蒙的，做了一天的页面告诉你不对，而自己其他事一点也没有干。后来后来就走过来了。
**好事情：**室友默默的支持你，每当你一天都很崩溃时，室友说慢慢来，她们一直陪着我，看到我的任务没有干会帮我，我弄坏他们东西她们也没有说啥，还总在鼓励我，安慰我，我可感激他们，也觉得特别对不起她们，非常愧疚，在哪一段黑暗世界里，她们便是那唯一的光，遇到他们我非常的幸运，非常感谢他们，这便是我放弃的念头消失了，我坚持下来了，后来，做页面，我实在不会，看的视频，刚看完就忘，我就去问，值得欣慰的时，他们都很耐心的教我，从来不嫌厌烦，看着布局一点一点出来了，我看到了希望，我相信我可以做出来，最高兴的事就是他们能耐心的教我，甚至教大半天，可感动吧，说教不会我就一直教，他们愿意花时间教我，我好意思不学吗？这两天就慢慢把大体做出来了，虽然一些细节没有做吧，但没有前几天那种崩溃了。非常感谢那些帮助我的人，无论是教了我知识，还是在背后给我鼓励，你们都照亮了我，让我坚持下来了。总而言之，在你困难时，有人愿帮你，你真的要感激他们，所以，，以后他们有啥了，我一定要帮他们，有人和你一起承担，无论怎样，跨过那道坎就好了。
学到的知识：做页面整体就用到了块元素

,可以块里含块，还有最多的就是定位。
和区别： 是加重语气标签;是粗体标签

它们起的均是加粗字体的作用。在大多数情况下，它们表现出来的效果也大致相同，所不同的是，标签是一个实体标签，它所包围的字符将被设为bold（粗体），而标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为bold（粗体）来实现的。但是在不同的HTML解释器下，情况也可能有所不同。
用法：
在CSS定义中属于一个行内元素，而

是块级元素，我们可能通俗地理解为

为大容器，大容器当然可以放一个小容器了, 就是小容器。
图片表面的阴影：
background-size:cover;
background-color:ragb(0,0,0,0)调节透明度；

定位：
1、静态定位（static）

一般的标签元素不加任何定位属性都属于静态定位，在页面的最底层属于标准流。

2、绝对定位（absolute）

绝对定位的元素从文档流中拖出，使用left、right、top、bottom等属性相对于其最接近的一个最有定位设置的父级元素进行绝对定位，如果元素的父级没有设置定位属性，则依据 body 元素左上角作为参考进行定位。绝对定位元素可层叠，层叠顺序可通过 z-index 属性控制，z-index值为无单位的整数，大的在上面，可以有负值。
3、相对定位（relative）

相对定位元素不可层叠，依据left、right、top、bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。
4、固定定位（fixed）
固定定位与绝对定位类似，但它是相对于浏览器窗口定位，并且不会随着滚动条进行滚动。
固定定位的最常见的一种用途是在页面中创建一个固定头部、固定脚部或者固定侧边栏，不需使用margin、border、padding。
5、绝对定位vs相对定位
绝对定位好像把不同元素安排到了一栋楼的不同楼层(除首层，文本流放在首层)，它们之间互不影响；相对定位元素在首层，与文本流一起存放，它们之间互相影响。
display的用法：
display 属性设置或返回元素的显示类型。

HTML 中的元素大多是"内联"或"块"元素：一个内联元素，在其左侧和右侧都是浮动内容。一个块元素填满整个行，并没有什么可显示在其左侧或右侧。

display 属性还允许作者显示或隐藏一个元素。与 visibility 属性类似。然而，如果您设置 display:none，将隐藏整个元素，如果您设置 visibility:hidden，元素的内容将不可见，但元素保持原来的位置和大小。
图标：
Font Awesome 是一套绝佳的图标字体库和CSS框架。

Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。

要使用Font Awesome图标，请在HTML页面的 部分中添加以下行：

1、国内推荐 CDN：

想使图标就搜Font Awesome
**浮动：
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
浮动元素是脱离文档流的，脱离文档流的元素没有实际高度，不会把父元素撑开。对于浮动属性来说，位置属性（left/top/right/bottom）是没有用的。

浮动元素之后的文字内容，如果是汉字则会自动换行； 如果是连续的数字或英文字母，则不会换行，设置word-wrap : break-word;属性会使内容强制换行。

								**总结*
**知识点太多，这周就先总结常考的，常用的，下来就在菜鸟教程上学就行了。
不管这周咋样，他就过去了，就觉得自己在忙*，忙就对了，以后还会更忙的，做好准备。不管以后咋样，至少今晚我是这星期最轻松的一晚上。
下几周就赶紧备考了，任务重大啊，感觉啥都没有学，都要重头学啊，熬夜会是常态。过去的就过去了，迎接明天吧**！
**fighting**