今天完成的事情：

1、用代码实现根据窗口宽度设置样式

‍‍@media screen and (max-width: 599px){}——宽度小于等于599px时执行代码

‍‍@media screen and (min-width: 600px){}——宽度大于等于600px时执行代码‍‍

@media screen and (min-width: 600px)and (max-width: 900px){}——宽度在两者之间（包含600，900）时执行代码

‍‍也可以在link标签里面使用media属性：
<link rel="stylesheet" media="screen and (max-width: 600px)" href="#.css" />

2、查看学习资料，理解CSS简单绘制小三角形/圆形的原理——控制内容及边框尺寸及颜色绘制小三角形，控制内容尺寸及4个圆角值绘制圆形半圆；

3、设置WebStorm窗口颜色字体等，导入subtxt3的默认样式（Monokai-Sublime.jar.jar）

• 4、‍‍写任务六代码，用button标签布置顶部按钮‍‍

5、写日报

明天计划的事情：

1、看师兄回复；

2、查看任务要求“以bootstrap作为基础布局”我布局没用这个，明天学习bootstrap相关知识并修改任务六

3、写代码实现超出屏幕部分用省略号代替

4、写日报；
遇到的问题：

网上搜了实现屏幕过窄时，设置左边的文字被截断出现”…”省略号的方法

代码如下

overflow: hidden;    
text-overflow:ellipsis;    
white-space: nowrap;   

然而写进去并没有什么效果

可能是代码相互冲突，或者使用不正确等，明天继续研究调试

收获：

用代码实现根据窗口宽度设置样式，用CSS简单绘制小三角形/圆形，设置WebStorm窗口——使用起来更方便了。