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

　　感谢媳妇儿大人提点……（奉旨为文……）