Java學習筆記 Day06

8.JavaBean類
1.概念：被用於封裝各種操作的細節，可以用來實現業務邏輯或數據訪問邏輯的細節，這樣就可以將軟件分層：顯式給
客戶的是一部分，訪問數據庫的是一部分。

2.JavaBean類的要求：
要與所有類一樣，數據成員是不能直接被訪問的，要通過getter,setter方法來訪問

3.JavaBean類映射數據庫中數據：
1)映射表中的一條記錄
2)映射一張表中的所有記錄
ResultSet對象的維持需要佔用數據庫連接，不利於多用戶併發訪問數據庫，所以我們要將記錄集中的數據按行從記錄集
中讀取出來，並用一個JavaBean類進行分裝，然後保存在集合中，以後我們就維護這個本地的集合便可，就可以釋放掉
與數據庫的連接，這樣有利於多用戶併發訪問數據庫。

二、HTML：
1.常用的標籤：
 定義註釋。

<b> 定義粗體字

<br> 換行

<button> 定義一個普通按鈕

<caption> 定義表格標題

<center> 不贊成使用。定義居中文本。

<div> 進行區域劃分的標籤，可以將整個HTML文檔劃分爲不同的區域，從而在不同的區域中設計

<em> 定義強調文本

<form> 定義供用戶輸入的 HTML 表單

<form action="back.jsp" method="post">
   <input type="text" name="username"/> 
   <input type="password" name="password"/> 
   <input type="radio" name="性別"/>男 
   <input type="radio" name="性別"/>女

   input type的取值有：
   button ：普通按鈕
   checkbox :複選框
   file : 文件上傳
   hidden ：隱藏域
   image ：圖片上傳
   password ：密碼文本
   radio ：單選按鈕
   reset ：復位按鈕
   submit ：提交按鈕
   text ：文本輸入框

<textarea rows="3" cols="20"> 
       在w3school，你可以找到你所需要的所有的網站建設教程。
   </textarea>

<select> 
   <option value ="volvo">Volvo</option> <!--option表示一個下拉選擇項，"Volvo"表示下拉顯示的文字，value="volvo"表示該下拉項表示的值
   <option value ="saab">Saab</option>
   <option value="opel">Opel</option>
   <option value="audi">Audi</option>
   </select>

</form>

<frameset> 框架

<h1> to <h6> 定義 HTML 標題

<hr> 定義水平線

<i> 定義斜體字

<img> 定義圖像

無序列表
<ul>
   <li>1</li>
   <li>2</li>
   <li>3</li>
   <li>4</li>
   <li>5</li>
</ul>

有序列表
<ol>
   <li>1</li>
   <li>2</li>
   <li>3</li>
   <li>4</li>
   <li>5</li>
</ol>

<p> 定義段落

<span> 定義文檔中的節，行級標籤，主要用於產生一些特殊的應用

<strike> 不贊成使用。定義加刪除線文本

<sub> 定義下標文本
<sup> 定義上標文本

表格
<table> 
   <tr> 
       <th> 
           姓名
       </th>
       <th>
           學號
       </th>
       <th>
           成績
       </th>
   </tr>
   <tr>
       <td> 
           張三
       </td>
       <td>
           1001
       </td>
       <td>
           90
       </td>
   </tr>
   <tr>
       <td> 
           李四
       </td>
       <td>
           1002
       </td>
       <td>
           92
       </td>
   </tr>
</table>

<u> 不贊成使用。定義下劃線文本

2.CSS層疊樣式表：主要用於對HTML元素進行樣式設置

1）選擇器：選擇讓那個頁面元素來應用CSS樣式
I.標籤選擇器：
p{ /*讓頁面上的所有的p標籤內部的文字字體顏色爲灰色*/
color:#ccc;
}

div{ /*讓頁面上的所有的div的背景色爲紅色*/
background-color:red;
}

II.id選擇器：
<div id="main">
</div>

css:
#main{ /*選擇讓id爲main的這一個div元素的背景色爲紅色*/
background-color:red;
}

III.類選擇器：
<div class="sub">
</div>

css:
.sub{ /*選擇讓class爲sub的這一個div元素的背景色爲紅色*/
background-color:red;
}

IV.派生選擇器
<div class="main">
   <ul id="myul">
       <li>1</li>
       <li>2</li>
       <li>3</li>
   </ul>
   <ul id="myul">
       <li>1</li>
       <li>2</li>
       <li>3</li>
   </ul>
</div>

css:
.main #myul{ /*選擇class爲main的這個元素下面的所有id名爲myul元素*/
list-style:none;
}

.main #myul li{ /*選擇.main下面的#myul下面的所有的li標籤*/
float:left;
}

V.僞類選擇器：
<a href="" >超鏈接</a>

css:
a:link {color: #FF0000}   /* 未訪問的鏈接 */
a:visited {color: #00FF00}   /* 已訪問的鏈接 */
a:hover {color: #FF00FF}   /* 鼠標移動到鏈接上 */
a:active {color: #0000FF}   /* 選定的鏈接 */

:focus 當元素獲得焦點時

:first-child 將特殊的樣式添加到元素的第一個子元素

2)如何使用CSS樣式：
I.
外部樣式表
當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用 <link> 標籤鏈接到樣式表。<link> 標籤在（文檔的）頭部：

II.
內部樣式表
當單個文檔需要特殊的樣式時，就應該使用內部樣式表。你可以使用 <style> 標籤在文檔頭部定義內部樣式表，就像這樣:

<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>

III.
內聯樣式
由於要將表現和內容混雜在一起，內聯樣式會損失掉樣式表的許多優勢。請慎用這種方法，例如當樣式僅需要在一個元素上應用一次時。

要使用內聯樣式，你需要在相關的標籤內使用樣式（style）屬性。Style 屬性可以包含任何 CSS 屬性。本例展示如何改變段落的顏色和左外邊距：

<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>

3)重要的樣式：
I.定位：postion
取值：
static：默認的定位值，對象遵循常規流。此時4個定位偏移屬性不會被應用。
relative：對象遵循常規流，並且參照自身在常規流中的位置通過top，right，bottom，left這4個定位偏移屬性進行偏移時不會影響常規流中的任何元素。
absolute：對象脫離常規流，此時偏移屬性參照的是離自身最近的定位(relative)祖先元素，如果沒有定位的祖先元素，則一直回溯到body元素。盒子的偏移位置不影響常規流中的任何元素，其margin不與其他任何margin摺疊。
fixed：與absolute一致，但偏移定位是以窗口爲參考。當出現滾動條時，對象不會隨着滾動。

II.顏色取值：
div{
   background-color:#b50808;
}
div{
   background-color:rgb(179,21,21);
}
div{
   background-color:red;
}

III.浮動：
float:left;元素向左浮動，會盡量靠近相鄰的左邊的元素
float:right;