发表于: 2019-04-05 21:25:02
1 827
今天完成的事情:
1.完成css任务7投票页
2.思考css任务6思考题, css有哪些属性可以继承?
有一些属性,当给自己设置的时候,自己的后代都继承上了,这个就是继承性。
哪些属性能继承?
color、 text-开头的、line-开头的、font-开头的。这些关于文字样式的,都能够继承。
所有关于盒子的、定位的、布局的属性都不能继承。
所以,如果我们的页面的文字,都是灰色,都是14px。那么就可以利用继承性:
body{
2 color:gray;
3 font-size:14px;4 }
继承性是从自己开始,直到最小的元素。
明天计划的事情:
1.继续css任务7
2.巩固之前的知识
遇到的问题:
暂无
收获:
1.CSS :hover 选择器
:hover在鼠标移到链接上时添加的特殊样式。
:hover 选择器器可用于所有元素,不仅是链接。
:link 选择器设置了未访问过的页面链接样式, :visited 选择器设置访问过的页面链接的样式 :active选择器设置当你点击链接时的样式。
为了产生预期的效果,在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后!!
在 IE 中必须声明 <!DOCTYPE> 才能保证 :hover 选择器能够有效。
2.css元素hover時控制另一个元素的显示隐藏
如果是父子元素关系,在选择器后加一个空格,跟上另一个选择器就行了,
例如
classA:hover classB{
display:none;
}
有时不是父子元素关系,加空格就不行,用到css3的兄弟选择器。
例如
classA: hover+classB{
display:none;
}
评论