发表于: 2019-04-05 21:25:02

1 824


今天完成的事情:

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; 
                                            } 



返回列表 返回列表
评论

    分享到