html & CSS 基础笔记

2014.1.30 除夕

  现在已经大年初一两点二十了,还在磕codecademy的CSS。

  还有几个环节CSS就结束了,卡在了position属性上,查了一会儿理解了relative和static,但是absolute和fixed傻傻分不清。再查了下W3C,觉得absolute应该是定死了的位置,而fixed随着browser还会滑动,实验之:

html代码:

<div id="outer"><p>Outer</p><div id="inner"><p>Inner</p></div></div>

为了使窗口滑动,outer定的大了点儿,CSS代码:

#inner {
        border:4px solid blue;
        position:fixed;
    }
#outer {
        border:3px solid red;
        height:1000px;
        
    }

确实fixed的情况可以随着窗口滑动。

 

2014.2.5

  这些日子一直拉着俺对象每天整点儿codecademy,她是文科,所以先从HTML&CSS开始。今天她跟我说搞不懂里头CSS Selectors一节的“div > p”是要干嘛,我在姥姥家,纳闷没这个印象啊。回家以后才发现,之前我做到的时候光顾快了,直接敲的是“div p”,也通过了。仔细看了下说明,“div > p”指的是div下直接的一个段落,再包含好几层的p并不算在内,而 div p则指div下的所有p。因为测试代码段中div下的其他p有ul修饰,掩盖了这个差异,所以最后能够通过,我把ul注释了以后执行情况是这样的:

  div > p:

div > p {
    color:#7ac5cd;
    }

  

div p:

div p {
    color:#7ac5cd;
    }

  感谢媳妇儿大人提点……(奉旨为文……)

posted @ 2014-01-31 02:32  hyace  阅读(136)  评论(0编辑  收藏  举报