前端學習：
一 css學習：
1.基本語法選擇器：
1.1 選擇器：{屬性：值} 例子：h1 {color:red; font-size:14px;}
1.2 選擇器分組：例子 h1,h2,h3,h4,h5,h6 { color: green;}
1.3 多繼承：
1.4 派生選擇器：
後代選擇器：li strong{font-style: italic;font-weight: normal;}
子元素選擇器：h1 > strong {color:red;}
相鄰元素選擇器：h1 + p {margin-top:50px;} （擁有共同的父元素）
1.5 id選擇器：以#定義#red {color:red;}(區分大小寫)
1.6 類選擇器：以.定義.center {text-align: center}(區分大小寫)
1.7 屬性選擇器：以[][title]{color:red;}
屬性和值選擇器：[title=W3School]{border:5px solid blue;} （指定值屬性）
多個值屬性選擇器：[title~=hello] { color:red; }（包含hello即可 空格分隔）
連字分隔符屬性選擇器：[lang|=en] { color:red; }（開頭字元）
1.8 元素選擇器：h1 {color:red; font-size:14px;}
1.9 萬用字元選擇器：* {color:red;}
2.0 結合選擇器：p.important {color:red;}
2.1 多類選擇器：.important.urgent {background:silver;}
2.2偽類：
例子：
a:link{color: #FF0000} /* 未訪問的連結 */a:visited{color: #00FF00} /* 已訪問的連結 */a:hover{color: #FF00FF} /* 滑鼠移動到連結上 */a:active{color: #0000FF} /* 選定的連結 */
2.3 偽元素：
p:first-letter {color:#ff0000;font-size:xx-large;}
2 樣式表：
外部：<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>
內部：<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image:
url("images/back40.gif");}
</style>
</head>
內聯：<p style="color: sienna; margin-left: 20px">This is a paragraph</p>
3 對齊和尺寸
4 框架盒子
5 定位：
絕對定位：
相對定位：
浮動：