Music项目随意记录-Angular

随便记点知识点,仅为个人经验,不一定准确!

---

父级 display:flex的时候可以设置height但是没什么作用,因为里面的元素还是弹性布局,超出的部分溢出就溢出了,我没找到解决办法.此时必须设置flex-direction为纵向,否则容器内的元素默认高度就是100%,且无法设置掉.
其实对弹性盒子设置height和weight没有任何意义,因为弹性盒子的本意就是要里面的元素撑起来div,此时div只是做一个控制内部元素而已.

---

Chrome浏览器可以自行设置滚动条,可以设置为自己喜欢的样式…IE,Edge的暂时没看过,但是也有方法.
滚动条设置

---

溢出部分显示省略号:
溢出显示省略号

---

父级元素flex之后设置了宽度,子级的img等比例显示.

img{
	width: 50%;
	height: 100%;
}
其实细细想一下,这是因为父级width已经固定了,所以可以这么写,因为图片原本比例就是1:1的,所以这么写会是正常的.

---

右拉菜单
其实比较简单,和网上常见的下拉菜单一个意思,都是通过父级position:relative子级position:absolute,然后css里写

parent{
	position:relative;
}
child{
	display:none;
	position:absolute;
}
先隐藏子级
parent:hover child{
	display:block;
}
当父级hover的时候显示子级

下拉菜单啥都不用设置,这样就能直接利用文档流来做了,但是现在不行,那就在css里使子级的left:100%,意思就是让它相对于父级的left为一整个父级的宽度.就可以了.还可以取负值微调.

---

用span实现箭头

span里什么都不写.
css:
{
border:5px solid transparent
border-top:none;
border-bottom-color:red;
}

效果还不错,配合着absolute用挺好的.

就是高宽这样设置的话不能一致…有点难受,不过凑合着能用.
资料在这里

---

改变选中内容的css样式.
参考资料

---

scroll,js滚动的相关属性…
参考

---

js获取每月的天数.
参考

---

各大网站分享链接.直接get请求就好了.
资料