（1）在網頁製作中讓box2和box3併排在一起使用可以 浮動，也可以使用外邊距，當margin-top為負值可以向上移動。
.box2
.box3
position: relative;
left: 200px;
bottom:200px ;//相對定位不會改變元素的性質，但會提高元素的級別，不會脫離文件流，相對於元素在文件流中原來的位置。
（2）
絕對定位:絕對定位會讓元素脫離文件流，絕對定位是以開啟了定位最近的祖先元素為基準的
.box2{
width:200px;
height:200px;
background-color:hotpink;
/*margin-left:200px;*/
/*float:left;*/
/*position:relative;
left:200px;相對定位是為原來位置坐定位，元素不會脫離文件流
三個盒子沒有浮動，垂直排列在一起
但是由於絕對定位元素浮動，後面元素就會定上來
為紅色外套入乙個黑色的盒子，會發現紅色盒子絕對定位是以黑色盒子為基準的。所以絕對定位是以最近開啟了定位的祖先元素為基準的，不是兄弟元素。
position：fixed 表示固定定位
層級當元素層級不一樣時候，綠色開啟了絕對定位層級高於其他兩個，就會覆蓋
當層級一樣的時候：下面元素會蓋住上面的元素
我們可以使用z-index來調整元素的層級，但是（只有開啟定位的元素才能使用，而且子元素層級無論多高也不會超過父元素）
（五）設定元素的透明背景，opacity可以來設定元素背景的透明，0~1之間
ie8 以下不支援opacity
opacity:0.5 ;
//相容ie8filter:alpha(opacity=50);可以讓元素透明
背景 1：設定背景顏色： background-color: #87ceeb;
/*設定背景不重複*/
background-repeat:no-repeat;
/*設定背景的位置，left,right,bootm,center可以任意組合2個*/
/*background-position:left center;*/
/*用偏移量來移動背景，可以放在任意位置，也可以設定負值*/
background-position:100px50px ;
/*在垂直方向，正表示向下，負值表示向上，水平方向正表示向右，負值向左*/
background-attachment:fixed;
/*固定定位，背景不會隨著滾動條移動,但是我們一般設定給body
因為，設定給其他元素，div會隨著滾動，最後也會一起滾動*/
html和CSS基礎學習（七）
1 內聯元素會緊挨在一起，塊元素會獨佔一行。2 內聯元素不能設定height和width,設定了也沒有用，內聯元素可以設定邊框，和水平方向的外邊距和內邊距，而且不會重疊。水平方向可以影響布局 內聯元素的盒子模型 內聯元素的盒子模型 內聯元素的盒子模型 55 display和visibility 我是...
七海的html和css學習筆記（十三）
用html建立乙個 建立乙個 需要用到四個元素 和。下面將逐個地詳細介紹這些元素，明確它們在 中所起的作用 table標記開始整個 如果想要乙個 都要從table開始 每個tr元素指定乙個錶行。所以，放在一行中的所有 資料都要巢狀在tr元素中 th元素包含 表頭中的乙個單元格。它必須放在乙個錶行中 ...
HTML5基礎學習筆記（十三）
day13 css選擇器 下 一 偽類選擇器總匯 選擇器 名稱 說明css 版本 root 根元素選擇器 選擇文件中的根元素 3 first child 子元素選擇器 選擇元素中第乙個子元素2 2 last child 子元素選擇器 選擇元素中最後乙個子元素3 3 only child 子元素選擇器...