寫css的一些問題
1. font:14px/24px是什麼意思？
前面的14px是表示字型大小，後面的24px是表示行高。
2. <div class = "top">
<div class = "wp">
<div class = "z">
<span>
<span><a href="#">收藏本站</a></span>
</div>
<div class = "y
<span>2015年5月1日</span>
<span class="r15">多雲16℃/30℃</span>
</div>
</div>
</div>
對上面程式碼寫css的格式：
.top
text-decoration: none;
}
.top .wp span.r15{ margin-right : 0; } //注意: .top和.wp之間有空格 ( 這行程式碼和下2行程式碼作用一樣 )
.top span.r15{ margin-right : 0; } //注意: span和.r15之間沒有空格
span.r15{ margin-right : 0; }
.top a:hover{color: #f60; }
3. <p class="test1 test2">...</p>
同時給P元素兩個類，中間用空格格開，這樣所有test1和test2兩個類的屬性都會加到P元素上來。
如果它們兩個類中的屬性有衝突的話，後設置的起作用，即在CSS檔案中放在後面的類的屬性起作用。
4.在一排的文字或內容佈局中，如果要讓內容上下垂直居中，我們只需要
設定line-height與height高度相同高度長度與html單位即可實現垂直居中；
.div1{ line-height:30px;
height:30px;}/* 高度固定上下居中 */
Span和div的區別：
<html>
<head>
<title>網站建設</title>
<style type="text/css">
div{background-color:yellow}
span{background-color:red}
</style>
</head>
<body>
<div>建設校園</div><br>
<span>美好人生</span>
</body>
</html>
絕對定位和相對定位 ：
<div class="A">
<div class="B"> 我是b </div>
</div>
*{ padding:0; margin:0;}
.A{ position:relative; width:400px; height:400px; border:1px solid #000;}
.B{ position:absolute; right:0px; bottom:0px}
這兩個是配合使用的，A定義了relative後，B就會相對於A進行移動。
其實絕對定位absolute的參照物件是“離它最近的已定位的祖先元素”，這句話裡有兩個關鍵，一個是“離它最近的祖先元素”，意思是那個參照元素不一定是父元素，也可以是它的爺爺、爺爺的爺爺等等，如果它的祖先裡同時有2個及以上的定位元素，就參照離它最近的一個元素定位
在position佈局中，父元素設定為relative，子元素設定為absolute，此時子元素可以相對父元素定位。
position定位是以最近一層有定位屬性的元素來做參照的，例如祖父-父親-兒子，三個都有position屬性，祖父以上沒有定位屬性，那麼祖父是以整個body為的左上角為（0,0）改變定位，父親以祖父元素的左上為（0,0），以此類推，兒子是以父親的左上角為（0，0）定位。這樣解釋明白了嗎？所以你不管套多少個子元素 或者子元素的子元素，只要上一層有定位，子元素就能直接用絕對定位，以上一層元素的左上角為（0,0）進行定位。