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;

猜你喜欢