发表于： 2019-05-07 20:54:47
2 815
今天完成的事情：
1.自定义类名和bootsrap自带类名发生冲突，导致css效果失效。
2.autio如何自定义样式？需要取消默认样式，配合js控件使用。或者将默认样式透明化，放置到需要的位置。
3.任务七底部透明层不能使用弹性三列布局，需要放到内容区，固定在底部，再加透明度。使用弹性三列布局，是中间内容把两边撑开来。
4.隐藏显示的两种方式，visibility:hidden(visible)和 display:none(block)。前者占据原始空间，后者不占据空间。
5.:hover能够改变自身
.png)
改变子元素样式
.png)
.png)
改变兄弟元素
.png)
需要注意是 + 兄弟元素
6.vertical-align:middle 用来设置垂直居中。但父元素必须是块或者内联块，且设置了行高。子元素使用vertical-aling才能起作用。
7.问题：
rgba和opacity的透明效果有什么不同？
display和visiblity有什么区别？
总结：
1. opacity会继承父元素的opacity 属性，而RGBA设置的元素的后代元素不会继承不透明属性。
简单来说就是opacity作用于元素和元素所有内容的透明。
2.是否是继承属性：display不是继承属性，而visibility是继承属性。父元素的visibility为hidden但是子元素的visibility为visible则子元素依旧可见，子元素visibility不存在则子元素不可见。而元素的display属性设为none其后整棵子树都不可见。
是否占据空间：即一个（display:none）不会在渲染树中出现，一个（visibility :hidden）会。
页面相关属性改值后是否重新渲染：visibility :hidden不渲染；display:none渲染。
明天计划的事情：
1.上午搬家
2.开始任务八
返回列表
评论