zhangjingqiang
zhangjingqiang

CSS+DIV-设置表格与表单

6-1.html
<html>
<head>
<title>年度收入</title>
<style>
<!--
table{
  caption-side:bottom;
}
-->
</style>
     </head>
<body>
<table summary="This table shows the yearly income for years 2004 through 2007" border="1">
  <caption>年度收入 2004 - 2007</caption>
  <tr>
    <th></th>
    <th scope="col">2004</th>
    <th scope="col">2005</th>
    <th scope="col">2006</th>
    <th scope="col">2007</th>
  </tr>
  <tr>
    <th scope="row">拨款</th>
    <td>11,980</td>
    <td>12,650</td>
    <td>9,700</td>
    <td>10,600</td>
  </tr>
  <tr>
    <th scope="row">捐款</th>
    <td>4,780</td>
    <td>4,989</td>
    <td>6,700</td>
    <td>6,590</td>
  </tr>
  <tr>
    <th scope="row">投资</th>
    <td>8,000</td>
    <td>8,100</td>
    <td>8,760</td>
    <td>8,490</td>
  </tr>
  <tr>
    <th scope="row">募捐</th>
    <td>3,200</td>
    <td>3,120</td>
    <td>3,700</td>
    <td>4,210</td>
  </tr>
  <tr>
    <th scope="row">销售</th>
    <td>28,400</td>
    <td>27,100</td>
    <td>27,950</td>
    <td>29,050</td>
  </tr>
  <tr>
    <th scope="row">杂费</th>
    <td>2,100</td>
    <td>1,900</td>
    <td>1,300</td>
    <td>1,760</td>
  </tr>
  <tr>
    <th scope="row">总计</th>
    <td>58,460</td>
    <td>57,859</td>
    <td>58,110</td>
    <td>60,700</td>
  </tr>
</table>
</body>
</html>
6-2.html
<html>
<head>
<title>年度收入</title>
<style>
<!--
body{
  background-color:#ebf5ff;  /* 页面背景色 */
  margin:0px; padding:4px;
  text-align:center;      /* 居中对齐（IE有效） */
}
.datalist{
  color:#0046a6;        /* 表格文字颜色 */
  background-color:#d2e8ff;  /* 表格背景色 */
  font-family:Arial;      /* 表格字体 */
}
.datalist caption{
  font-size:18px;        /* 标题文字大小 */
  font-weight:bold;      /* 标题文字粗体 */
}
.datalist th{
  color:#003e7e;        /* 行、列名称颜色 */
  background-color:#7bb3ff;  /* 行、列名称的背景色 */
}
-->
</style>
     </head>
<body>
<table summary="This table shows the yearly income for years 2004 through 2007" border="1" class="datalist">
  <caption>年度收入 2004 - 2007</caption>
  <tr>
    <th></th>
    <th scope="col">2004</th>
    <th scope="col">2005</th>
    <th scope="col">2006</th>
    <th scope="col">2007</th>
  </tr>
  <tr>
    <th scope="row">拨款</th>
    <td>11,980</td>
    <td>12,650</td>
    <td>9,700</td>
    <td>10,600</td>
  </tr>
  <tr>
    <th scope="row">捐款</th>
    <td>4,780</td>
    <td>4,989</td>
    <td>6,700</td>
    <td>6,590</td>
  </tr>
  <tr>
    <th scope="row">投资</th>
    <td>8,000</td>
    <td>8,100</td>
    <td>8,760</td>
    <td>8,490</td>
  </tr>
  <tr>
    <th scope="row">募捐</th>
    <td>3,200</td>
    <td>3,120</td>
    <td>3,700</td>
    <td>4,210</td>
  </tr>
  <tr>
    <th scope="row">销售</th>
    <td>28,400</td>
    <td>27,100</td>
    <td>27,950</td>
    <td>29,050</td>
  </tr>
  <tr>
    <th scope="row">杂费</th>
    <td>2,100</td>
    <td>1,900</td>
    <td>1,300</td>
    <td>1,760</td>
  </tr>
  <tr>
    <th scope="row">总计</th>
    <td>58,460</td>
    <td>57,859</td>
    <td>58,110</td>
    <td>60,700</td>
  </tr>
</table>
</body>
</html>
6-3.html
<html>
<head>
<title>年度收入</title>
<style>
<!--
.datalist{
  border:1px solid #429fff;  /* 表格边框 */
  font-family:Arial;
  border-collapse:collapse;  /* 边框重叠 */
}
.datalist caption{
  padding-top:3px;
  padding-bottom:2px;
  font:bold 1.1em;
  background-color:#f0f7ff;
  border:1px solid #429fff;  /* 表格标题边框 */
}
.datalist th{
  border:1px solid #429fff;  /* 行、列名称边框 */
  background-color:#d2e8ff;
  font-weight:bold;
  padding-top:4px; padding-bottom:4px;
  padding-left:10px; padding-right:10px;
  text-align:center;
}
.datalist td{
  border:1px solid #429fff;  /* 单元格边框 */
  text-align:right;
  padding:4px;
}
-->
</style>
     </head>
<body>
<table class="datalist">
  <caption>年度收入 2004 - 2007</caption>
  <tr>
    <th></th>
    <th scope="col">2004</th>
    <th scope="col">2005</th>
    <th scope="col">2006</th>
    <th scope="col">2007</th>
  </tr>
  <tr>
    <th scope="row">拨款</th>
    <td>11,980</td>
    <td>12,650</td>
    <td>9,700</td>
    <td>10,600</td>
  </tr>
  <tr>
    <th scope="row">捐款</th>
    <td>4,780</td>
    <td>4,989</td>
    <td>6,700</td>
    <td>6,590</td>
  </tr>
  <tr>
    <th scope="row">投资</th>
    <td>8,000</td>
    <td>8,100</td>
    <td>8,760</td>
    <td>8,490</td>
  </tr>
  <tr>
    <th scope="row">募捐</th>
    <td>3,200</td>
    <td>3,120</td>
    <td>3,700</td>
    <td>4,210</td>
  </tr>
  <tr>
    <th scope="row">销售</th>
    <td>28,400</td>
    <td>27,100</td>
    <td>27,950</td>
    <td>29,050</td>
  </tr>
  <tr>
    <th scope="row">杂费</th>
    <td>2,100</td>
    <td>1,900</td>
    <td>1,300</td>
    <td>1,760</td>
  </tr>
  <tr>
    <th scope="row">总计</th>
    <td>58,460</td>
    <td>57,859</td>
    <td>58,110</td>
    <td>60,700</td>
  </tr>
</table>
</body>
</html>
6-4.html
<html>
<head>
<title>Member List</title>
<style>
<!--
.datalist{
  border:1px solid #0058a3;  /* 表格边框 */
  font-family:Arial;
  border-collapse:collapse;  /* 边框重叠 */
  background-color:#eaf5ff;  /* 表格背景色 */
  font-size:14px;
}
.datalist caption{
  padding-bottom:5px;
  font:bold 1.4em;
  text-align:left;
}
.datalist th{
  border:1px solid #0058a3;  /* 行名称边框 */
  background-color:#4bacff;  /* 行名称背景色 */
  color:#FFFFFF;        /* 行名称颜色 */
  font-weight:bold;
  padding-top:4px; padding-bottom:4px;
  padding-left:12px; padding-right:12px;
  text-align:center;
}
.datalist td{
  border:1px solid #0058a3;  /* 单元格边框 */
  text-align:left;
  padding-top:4px; padding-bottom:4px;
  padding-left:10px; padding-right:10px;
}
.datalist tr.altrow{
  background-color:#c7e5ff;  /* 隔行变色 */
}
-->
</style>
     </head>
<body>
<table class="datalist" summary="list of members in EE Studay">
  <caption>Member List</caption>
  <tr>
    <th scope="col">Name</th>
    <th scope="col">Class</th>
    <th scope="col">Birthday</th>
    <th scope="col">Constellation</th>
    <th scope="col">Mobile</th>
  </tr>
  <tr>          <!-- 奇数行 -->
    <td>isaac</td>
    <td>W13</td>
    <td>Jun 24th</td>
    <td>Cancer</td>
    <td>1118159</td>
  </tr>
  <tr class="altrow">    <!-- 偶数行 -->
    <td>girlwing</td>
    <td>W210</td>
    <td>Sep 16th</td>
    <td>Virgo</td>
    <td>1307994</td>
  </tr>
  <tr>          <!-- 奇数行 -->
    <td>tastestory</td>
    <td>W15</td>
    <td>Nov 29th</td>
    <td>Sagittarius</td>
    <td>1095245</td>
  </tr>
  <tr class="altrow">    <!-- 偶数行 -->
    <td>lovehate</td>
    <td>W47</td>
    <td>Sep 5th</td>
    <td>Virgo</td>
    <td>6098017</td>
  </tr>
  <tr>          <!-- 奇数行 -->
    <td>slepox</td>
    <td>W19</td>
    <td>Nov 18th</td>
    <td>Scorpio</td>
    <td>0658635</td>
  </tr>
  <tr class="altrow">    <!-- 偶数行 -->
    <td>smartlau</td>
    <td>W19</td>
    <td>Dec 30th</td>
    <td>Capricorn</td>
    <td>0006621</td>
  </tr>
  <tr>          <!-- 奇数行 -->
    <td>whaler</td>
    <td>W19</td>
    <td>Jan 18th</td>
    <td>Capricorn</td>
    <td>1851918</td>
  </tr>
  <tr class="altrow">    <!-- 偶数行 -->
    <td>shenhuanyan</td>
    <td>W25</td>
    <td>Jan 31th</td>
    <td>Aquarius</td>
    <td>0621827</td>
  </tr>
  <tr>          <!-- 奇数行 -->
    <td>tuonene</td>
    <td>W210</td>
    <td>Nov 26th</td>
    <td>Sagittarius</td>
    <td>0091704</td>
  </tr>
  <tr class="altrow">    <!-- 偶数行 -->
    <td>ArthurRivers</td>
    <td>W91</td>
    <td>Feb 26th</td>
    <td>Pisces</td>
    <td>0468357</td>
  </tr>
  <tr>          <!-- 奇数行 -->
    <td>reconzansp</td>
    <td>W09</td>
    <td>Oct 13th</td>
    <td>Libra</td>
    <td>3643041</td>
  </tr>
  <tr class="altrow">    <!-- 偶数行 -->
    <td>linear</td>
    <td>W86</td>
    <td>Aug 18th</td>
    <td>Leo</td>
    <td>6398341</td>
  </tr>
  <tr>          <!-- 奇数行 -->
    <td>laopiao</td>
    <td>W41</td>
    <td>May 17th</td>
    <td>Taurus</td>
    <td>1254004</td>
  </tr>
  <tr class="altrow">    <!-- 偶数行 -->
    <td>dovecho</td>
    <td>W19</td>
    <td>Dec 9th</td>
    <td>Sagittarius</td>
    <td>1892013</td>
  </tr>
  <tr>          <!-- 奇数行 -->
    <td>shanghen</td>
    <td>W42</td>
    <td>May 24th</td>
    <td>Gemini</td>
    <td>1544254</td>
  </tr>
  <tr class="altrow">    <!-- 偶数行 -->
    <td>venessawj</td>
    <td>W45</td>
    <td>Apr 1st</td>
    <td>Aries</td>
    <td>1523753</td>
  </tr>
  <tr>          <!-- 奇数行 -->
    <td>lightyear</td>
    <td>W311</td>
    <td>Mar 23th</td>
    <td>Aries</td>
    <td>1002908</td>
  </tr>
</table>
</body>
</html>
6-5.html
<html>
<head>
<title>Member List</title>
<style>
<!--
.datalist{
  border:1px solid #0058a3;  /* 表格边框 */
  font-family:Arial;
  border-collapse:collapse;  /* 边框重叠 */
  background-color:#eaf5ff;  /* 表格背景色 */
  font-size:14px;
}
.datalist caption{
  padding-bottom:5px;
  font:bold 1.4em;
  text-align:left;
}
.datalist th{
  border:1px solid #0058a3;  /* 行名称边框 */
  background-color:#4bacff;  /* 行名称背景色 */
  color:#FFFFFF;        /* 行名称颜色 */
  font-weight:bold;
  padding-top:4px; padding-bottom:4px;
  padding-left:12px; padding-right:12px;
  text-align:center;
}
.datalist td{
  border:1px solid #0058a3;  /* 单元格边框 */
  text-align:left;
  padding-top:4px; padding-bottom:4px;
  padding-left:10px; padding-right:10px;
}
.datalist tr:hover, .datalist tr.altrow{
  background-color:#c4e4ff;  /* 动态变色 */
}
-->
</style>
     </head>
<body>
<table class="datalist" summary="list of members in EE Studay">
  <caption>Member List</caption>
  <tr>
    <th scope="col">Name</th>
    <th scope="col">Class</th>
    <th scope="col">Birthday</th>
    <th scope="col">Constellation</th>
    <th scope="col">Mobile</th>
  </tr>
  <tr>
    <td>isaac</td>
    <td>W13</td>
    <td>Jun 24th</td>
    <td>Cancer</td>
    <td>1118159</td>
  </tr>
  <tr>
    <td>girlwing</td>
    <td>W210</td>
    <td>Sep 16th</td>
    <td>Virgo</td>
    <td>1307994</td>
  </tr>
  <tr>
    <td>tastestory</td>
    <td>W15</td>
    <td>Nov 29th</td>
    <td>Sagittarius</td>
    <td>1095245</td>
  </tr>
  <tr>
    <td>lovehate</td>
    <td>W47</td>
    <td>Sep 5th</td>
    <td>Virgo</td>
    <td>6098017</td>
  </tr>
  <tr>
    <td>slepox</td>
    <td>W19</td>
    <td>Nov 18th</td>
    <td>Scorpio</td>
    <td>0658635</td>
  </tr>
  <tr>
    <td>smartlau</td>
    <td>W19</td>
    <td>Dec 30th</td>
    <td>Capricorn</td>
    <td>0006621</td>
  </tr>
  <tr>
    <td>whaler</td>
    <td>W19</td>
    <td>Jan 18th</td>
    <td>Capricorn</td>
    <td>1851918</td>
  </tr>
  <tr>
    <td>shenhuanyan</td>
    <td>W25</td>
    <td>Jan 31th</td>
    <td>Aquarius</td>
    <td>0621827</td>
  </tr>
  <tr>
    <td>tuonene</td>
    <td>W210</td>
    <td>Nov 26th</td>
    <td>Sagittarius</td>
    <td>0091704</td>
  </tr>
  <tr>
    <td>ArthurRivers</td>
    <td>W91</td>
    <td>Feb 26th</td>
    <td>Pisces</td>
    <td>0468357</td>
  </tr>
  <tr>
    <td>reconzansp</td>
    <td>W09</td>
    <td>Oct 13th</td>
    <td>Libra</td>
    <td>3643041</td>
  </tr>
  <tr>
    <td>linear</td>
    <td>W86</td>
    <td>Aug 18th</td>
    <td>Leo</td>
    <td>6398341</td>
  </tr>
  <tr>
    <td>laopiao</td>
    <td>W41</td>
    <td>May 17th</td>
    <td>Taurus</td>
    <td>1254004</td>
  </tr>
  <tr>
    <td>dovecho</td>
    <td>W19</td>
    <td>Dec 9th</td>
    <td>Sagittarius</td>
    <td>1892013</td>
  </tr>
  <tr>
    <td>shanghen</td>
    <td>W42</td>
    <td>May 24th</td>
    <td>Gemini</td>
    <td>1544254</td>
  </tr>
  <tr>
    <td>venessawj</td>
    <td>W45</td>
    <td>Apr 1st</td>
    <td>Aries</td>
    <td>1523753</td>
  </tr>
  <tr>
    <td>lightyear</td>
    <td>W311</td>
    <td>Mar 23th</td>
    <td>Aries</td>
    <td>1002908</td>
  </tr>
</table>
<script language="javascript">
var rows = document.getElementsByTagName('tr');
for (var i=0;i<rows.length;i++){
  rows[i]. = function(){    //鼠标在行上面的时候
    this.className += 'altrow';
  }
  rows[i]. = function(){    //鼠标离开时
    this.className = this.className.replace('altrow','');
  }
}
</script>
</body>
</html>
6-6.html
<html>
<head>
<title>Calendar</title>
<style>
<!--
.clmonth {
  border-collapse: collapse;
  width: 780px;
}
.clmonth caption {
  text-align: left;
  font: bold 130% Georgia, "Times New Roman";
  padding-bottom: 6px;
}
.clmonth th {
  border: 1px solid #999999;
  border-bottom: none;
  padding: 2px 8px 2px 8px;
  background-color: #D3D2A0;
  color: #2F2F2F;
  font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 110px;
}
.clmonth td {
  border: 1px solid #AFAFAF;
  font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 2px 4px 2px 4px;
  vertical-align: top;
}
.clmonth td.previous, .clmonth td.next {
  background-color: #F5F4E6;
  color: #A6A6A6;
}
.clmonth td.active {
  background-color: #B1CBE1;
  color: #2B5070;
  border: 2px solid #4682B4;
}
.clmonth ul {
  list-style-type: none;
  margin: 0;
  padding-left: 12px;
  padding-right: 6px;
}
.clmonth li {
  margin-bottom: 8px;
}
-->
</style>
     </head>
<body>
<table class="clmonth" summary="Calendar for January 2007">
  <caption>January 2007</caption>
  <tr>
    <th scope="col">Monday</th>
    <th scope="col">Tuesday</th>
    <th scope="col">Wednesday</th>
    <th scope="col">Thursday</th>
    <th scope="col">Friday</th>
    <th scope="col">Saturday</th>
    <th scope="col">Sunday</th>
  </tr>
  <tr>
    <td class="previous">31</td>
    <td class="active">1
    <ul>
      <li>五棵松摄影城买镜头</li>
      <li>完成微积分作业</li>
    </ul>
    </td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td class="active">7
    <ul>
      <li>6A309 线性代数</li>
      <li>陪同学逛校园</li>
    </ul>
    </td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
    <td class="active">13
    <ul>
      <li>土狼的课交大作业</li>
    </ul>
    </td>
  </tr>
  <tr>
    <td>14</td>
    <td>15</td>
    <td>16</td>
    <td class="active">17
    <ul>
      <li>美术作品赏析交大作业</li>
    </ul>
    </td>
    <td class="active">18
    <ul>
      <li>摄影作品赏析交论文</li>
      <li>思修交大小论文</li>
    </ul>
    </td>
    <td>19</td>
    <td>20</td>
  </tr>
  <tr>
    <td>21</td>
    <td>22</td>
    <td>23</td>
    <td class="active">24
    <ul>
      <li>中关村买书</li>
    </ul>
    </td>
    <td>25</td>
    <td>26</td>
    <td class="active">27
    <ul>
      <li>西单图书大厦买书</li>
      <li>西单逛街买礼物给父母</li>
    </ul>
    </td>
  </tr>
  <tr>
    <td>28</td>
    <td>29</td>
    <td class="active">30
    <ul>
      <li>买水果</li>
      <li>北京西客站回家过年</li>
    </ul>
    </td>
    <td>31</td>
    <td class="next">1</td>
    <td class="next">2</td>
    <td class="next">3</td>
  </tr>
</table>
</body>
</html>
6-7.html
<html>
<head>
<title>表单</title>
<style>
<!--
form {
  border: 1px dotted #AAAAAA;
  padding: 3px 6px 3px 6px;
  margin:0px;
  font:14px Arial;
}
input {
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px solid #00008B;
}
select {
  width: 80px;
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px solid #00008B;
}
textarea {
  width: 200px;
  height: 40px;
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px solid #00008B;
}
-->
</style>
     </head>
<body>
<form method="post">
<p>请输入您的姓名:<br><input type="text" name="name" id="name"></p>
<p>请选择你最喜欢的颜色:<br>
<select name="color" id="color">
  <option value="red">红</option>
  <option value="green">绿</option>
  <option value="blue">蓝</option>
  <option value="yellow">黄</option>
  <option value="cyan">青</option>
  <option value="purple">紫</option>
</select></p>
<p>请问你的性别:<br>
  <input type="radio" name="sex" id="male" value="male">男<br>
  <input type="radio" name="sex" id="female" value="female">女</p>
<p>你喜欢做些什么:<br>
  <input type="checkbox" name="hobby" id="book" value="book">看书
  <input type="checkbox" name="hobby" id="net" value="net">上网
  <input type="checkbox" name="hobby" id="sleep" value="sleep">睡觉</p>
<p>我要留言:<br><textarea name="comments" id="comments" cols="30" rows="4"></textarea></p>
<p><input type="submit" name="btnSubmit" id="btnSubmit" value="Submit"></p>
</form>
</body>
</html>
6-8.html
<html>
<head>
<title>表单</title>
<style>
<!--
form{
  border: 1px dotted #AAAAAA;
  padding: 1px 6px 1px 6px;
  margin:0px;
  font:14px Arial;
}
input{              /* 所有input标记 */
  color: #00008B;  
}
input.txt{            /* 文本框单独设置 */
  border: 1px inset #00008B;
  background-color: #ADD8E6;
}
input.btn{            /* 按钮单独设置 */
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px outset #00008B;
  padding: 1px 2px 1px 2px;
}
select{
  width: 80px;
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px solid #00008B;
}
textarea{
  width: 200px;
  height: 40px;
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px inset #00008B;
}
-->
</style>
     </head>
<body>
<form method="post">
<p>请输入您的姓名:<br><input type="text" name="name" id="name" class="txt"></p>
<p>请选择你最喜欢的颜色:<br>
<select name="color" id="color">
  <option value="red">红</option>
  <option value="green">绿</option>
  <option value="blue">蓝</option>
  <option value="yellow">黄</option>
  <option value="cyan">青</option>
  <option value="purple">紫</option>
</select></p>
<p>请问你的性别:<br>
  <input type="radio" name="sex" id="male" value="male" class="rad">男<br>
  <input type="radio" name="sex" id="female" value="female" class="rad">女</p>
<p>你喜欢做些什么:<br>
  <input type="checkbox" name="hobby" id="book" value="book" class="check">看书
  <input type="checkbox" name="hobby" id="net" value="net" class="check">上网
  <input type="checkbox" name="hobby" id="sleep" value="sleep" class="check">睡觉</p>
<p>我要留言:<br><textarea name="comments" id="comments" cols="30" rows="4" class="txtarea"></textarea></p>
<p><input type="submit" name="btnSubmit" id="btnSubmit" value="Submit" class="btn"></p>
</form>
</body>
</html>
6-9.html
<html>
<head>
<title>像文字一样的按钮</title>
<style>
<!--
body{
  background-color:#daeeff;      /* 页面背景色 */
}
form{
  margin:0px; padding:0px;
  font:14px;
}
input{
  font:14px Arial;
}
.txt{
  border-bottom:1px solid #005aa7;  /* 下划线效果 */
  color:#005aa7;
  border-top:0px; border-left:0px;
  border-right:0px;
  background-color:transparent;    /* 背景色透明 */
}
.btn{
  background-color:transparent;    /* 背景色透明 */
  border:0px;              /* 边框取消 */
}
-->
</style>
     </head>
<body>
<form method="post">
  请输入您的信息: <input type="text" name="name" id="name" class="txt">
  <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit>>" class="btn">
</form>
</body>
</html>
6-10.html
<html>
<head>
<title>七彩的下拉菜单</title>
<style>
<!--
.blue{
  background-color:#7598FB;
  color: #000000;
}
.red{
  background-color:#E20A0A;
  color: #ffffff;
}
.green{
  background-color:#3CB371;
  color: #ffffff;
}
.yellow{
  background-color:#FFFF6F;
  color: #000000;
}
.cyan{
  background-color:00FFFF;
  color:#000000;
}
.purple{
  background-color:800080;
  color:#FFFFFF;
}
-->
</style>
     </head>
<body>
<form method="post">
  <p><label for="color">Select your favorite color:</label>
  <select name="color" id="color">
    <option value="">Select One</option>
    <option value="blue" class="blue">blue</option>
    <option value="red" class="red">red</option>
    <option value="green" class="green">green</option>
    <option value="yellow" class="yellow">yellow</option>
    <option value="cyan" class="cyan">cyan</option>
    <option value="purple" class="purple">purple</option>
  </select></p>
  <p><input type="submit" name="btnSubmit" id="btnSubmit" value="Send!"></p>
</form>
</body>
</html>
6-11.html
<html>
<head>
<title>直接输入的Excel表格</title>
<style>
<!--
table.formdata{
  border:1px solid #5F6F7E;
  border-collapse:collapse;
  font-family:Arial;
}
table.formdata caption{
  text-align:left;
  padding-bottom:6px;
}
table.formdata th{
  border:1px solid #5F6F7E;
  background-color:#E2E2E2;
  color:#000000px;
  text-align:left;
  font-weight:normal;
  padding:2px 8px 2px 6px;
  margin:0px;
}
table.formdata td{
  margin:0px;
  padding:0px;
  border:1px solid #ABABAB;  /* 单元格边框 */
}
table.formdata input{
  width:100px;
  padding:1px 3px 1px 3px;
  margin:0px;
  border:none;        /* 输入框不要边框 */
  font-family:Arial;
}
.btn{
  border:1px solid #0083f2;
  font-family:Arial;
}
-->
</style>
     </head>
<body>
<form method="post">
<table class="formdata">
<caption>公司销售统计表 2004～2007</caption>
<tr>
<th></th>
<th scope="col">2004</th>
<th scope="col">2005</th>
<th scope="col">2006</th>
<th scope="col">2007</th>
</tr>
<tr>
<th scope="row">硬盘(Hard Disk)</th>
  <td><input type="text" name="harddisk2004" id="harddisk2004"></td>
  <td><input type="text" name="harddisk2005" id="harddisk2005"></td>
  <td><input type="text" name="harddisk2006" id="harddisk2006"></td>
  <td><input type="text" name="harddisk2007" id="harddisk2007"></td>
</tr>
<tr>
  <th scope="row">主板(Mainboard)</th>
  <td><input type="text" name="mainboard2004" id="mainboard2004"></td>
  <td><input type="text" name="mainboard2005" id="mainboard2005"></td>
  <td><input type="text" name="mainboard2006" id="mainboard2006"></td>
  <td><input type="text" name="mainboard2007" id="mainboard2007"></td>
</tr>
<tr>
  <th scope="row">内存条(Memory Disk)</th>
  <td><input type="text" name="memory2004" id="memory2004"></td>
  <td><input type="text" name="memory2005" id="memory2005"></td>
  <td><input type="text" name="memory2006" id="memory2006"></td>
  <td><input type="text" name="memory2007" id="memory2007"></td>
</tr>
<tr>
  <th scope="row">机箱(Case)</th>
  <td><input type="text" name="case2004" id="case2004"></td>
  <td><input type="text" name="case2005" id="case2005"></td>
  <td><input type="text" name="case2006" id="case2006"></td>
  <td><input type="text" name="case2007" id="case2007"></td>
</tr>
<tr>
<th scope="row">电源(Power)</th>
  <td><input type="text" name="power2004" id="power2004"></td>
  <td><input type="text" name="power2005" id="power2005"></td>
  <td><input type="text" name="power2006" id="power2006"></td>
  <td><input type="text" name="power2007" id="power2007"></td>
</tr>
<tr>
  <th scope="row">CPU风扇(CPU Fan)</th>
  <td><input type="text" name="cpufan2004" id="cpufan2004"></td>
  <td><input type="text" name="cpufan2005" id="cpufan2005"></td>
  <td><input type="text" name="cpufan2006" id="cpufan2006"></td>
  <td><input type="text" name="cpufan2007" id="cpufan2007"></td>
</tr>
<tr>
<th scope="row">总计(Total)</th>
  <td><input type="text" name="total2004" id="total2004"></td>
  <td><input type="text" name="total2005" id="total2005"></td>
  <td><input type="text" name="total2006" id="total2006"></td>
  <td><input type="text" name="total2007" id="total2007"></td>
</tr>
</table>
<p><input type="submit" name="btnSubmit" id="btnSubmit" value="Add Data" class="btn">
<input type="reset" value="Reset All" class="btn"></p>
</form>
</body>
</html>
6-12.html
<html>
<head>
<title>Sina调查问卷</title>
<style>
<!--
table.outside{          /* 外层表格 */
  background:url(bg1.jpg);
  font-size:12px;
  padding:0px;
}

td.title{            /* 表格标题 */
  color:#FFFFFF;
  font-weight:bold;
  text-align:center;
  padding-top:3px;
  padding-bottom:0px;
}
td.tdoutside{
  padding:0px 1px 4px 1px;
}
table.inside{          /* 内层表格 */
  width:269px;
  font-size:12px;
  padding:0px;
  margin:0px;
}
td.tdinside{
  padding:7px 0px 7px 10px;
  background-color:#FFD455;
}
form{
  margin:0px; padding:0px;
}
input{
  font-size:12px;
}
a{
  color:#000000;
  text-decoration:underline;
}
-->
</style>
     </head>
<body>
<table class="outside">
  <tr><td class="title">热点调查</td></tr>
  <tr><td class="tdoutside">
    <form method="post">
    <table class="inside" cellspacing="0">
      <tr>
        <td class="tdinside">
        在姚明缺阵麦蒂领军的情况下，火箭队的胜率是<br>
        <input type="radio" name="q_498" value="2749">超过60％<br>
        <input type="radio" name="q_498" value="2750">50％到60％<br>
        <input type="radio" name="q_498" value="2751">40％到50％<br>
        <input type="radio" name="q_498" value="2752">40％到50％
        <input type="radio" name="q_498" value="2753">30％以下<br>
        <input type="submit" value="提交">
        <input type="button" name="viewresult" value="查看"> <a href="#">新浪-篮球先锋报联合评选</a>
        </td>
      </tr>
    </table>
    </form>
  </td></tr>
</table>
</body>
</html>

来源：《精通CSS+DIV网页样式与布局 》

你可能感兴趣的:(css,职场,div,休闲)

  • 《投行人生》读书笔记 小蘑菇的树洞
    《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好
  • 2022-04-18 Apbenz
    语重心长的和我说，不要老是说不行，人至而立之年危机四伏，内在的，外在的，感觉就是心力憔悴，让人无所适从。面对职场的无情，突然好羡慕干体力劳动的外卖小哥。难道命运是想让我去送外卖了吗？干体力活才能让我活下去？fastadmin打卡成功,淘宝金币任务完成。ㅏㅓㅗㅜㅡㅣㅐㅔㅑㅕㅛㅠㅢㅒㅖY行。야자여자요리우유의사얘기예
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • webpack图片等资源的处理 dmengmeng
    需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
  • 上班族可以做线上副业兼职有哪些？盘点7个适合上班族做的副业兼职！ 高省APP大九
    对于许多上班族来说，工资往往不能满足他们的生活需求，因此许多人开始寻找副业来增加收入。以下是一些适合普通人的副业赚钱路子，希望能给您带来一些灵感。1、做好物推荐现在很多职场人其实有大量的个人时间，只不过这些个人时间比较碎片化，他们不能够很好的利用起来，其实可以利用这些碎片化的时间去做副业，比如做好物推荐。在网上有很多的平台，比如头条抖音等等都开通了一个商品的分销功能，只要你发布相关的视频或者文章，
  • 2020年学习什么知识比较好？互联网行业依然是发展较佳 编程仔
    2019年余额已不足，不少职场人心里也在盘点这一年的工作得失，琢磨新一年的奋斗策略，是继续冲刺还是换个跑道？今年跳槽更难吗？image互联网行业一直以相对较丰厚的薪酬和广阔的发展前景吸引着各界人才。但最近，互联网行业寒冬、互联网企业裁员等话题再次引起热议。正在从前些年的高速发展期转向发展调整期的互联网行业真的步入了“寒冬”？该行业依旧具有吸引力吗？什么职位又最热门呢？image互联网行业仍保持较高
  • vue render 函数详解 (配参数详解) 你的眼睛會笑 vue2vue.jsjavascript前端
    vuerender函数详解(配参数详解)在Vue3中，`render`函数被用来代替Vue2中的模板语法。它接收一个h函数（或者是`createElement`函数的别名），并且返回一个虚拟DOM。render函数的语法结构如下：render(h){returnh('div',{class:'container'},'Hello,World!')}在上面的示例中，我们使用h函数创建了一个div元素
  • 研究表明，中年人“失业”成为了趋势，关键原因有这4点 舒山有鹿
    01在职场中，一直存在这么一个定律——35岁中年失业定律。很多人都特别疑惑，35岁还未到中年期，为什么人们会把“中年”跟“失业”挂钩呢？有句话，说得很现实：“35岁之前辞职，叫跳槽；35岁之后辞职，叫失业。”一般来说，35岁失业和40岁失业的本质是差不多的。只要他们还未升到管理层，便被单位辞退，就证明他们只能“另谋出路”了。况且，随着环境的愈发复杂，行业问题的频频发生，线下商业的不景气，那中年人找
  • 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
  • 极度休闲的一天 淡泊孤峰
    国庆国庆，普天同庆。在家躺着看大家游山玩水，长辈走亲戚，我的微信一天没几条消息，标准结局，习惯了。哈利波特系列电影真不错，童年总幻想着像主角哈利一样，像《龙族》少年楚子航浪迹江湖，风云天下。而现在却败给华为ICT大赛题还有永无止境的代码视频，唉，真可笑！
  • 2020年最新程序员职业发展路线指南，超详细！ 编程流川枫 11编程语言程序员互联网IT职业
    【文章来源微信公众号：每天学编程】01、程序员的特性技术出身的职场人特性很明显，与做市场、业务出身的职场人区别尤其明显。IT行业中常见的一些职场角色：老板、项目经理、产品经理、需求分析师、设计师、开发工程师、运维工程师等。开发工程师具有如下特征：1、逻辑思维清晰、严谨和细腻；但是有时不容易转弯，有些程序员容易较劲、钻牛角尖。2、性格偏内向、不善于沟通、表达和交际；但是在网络聊天工具上，有些显为幽默
  • html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游
    html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
  • css设置当字数超过限制后以省略号（...）显示 周bro css前端vuecss3html经验分享
    1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • 40岁的java程序员，还有出路吗？ cesske java开发语言
    目录前言一、现状与挑战二、出路与机遇三、案例分析与启示四、结语前言40岁Java程序员的出路：挑战与机遇并存在科技日新月异的今天，IT行业始终保持着高速的发展态势，而Java作为其中的重要一员，其地位依然稳固且充满挑战。对于一位40岁的Java程序员而言，面对职业生涯的“中年危机”，是否还有出路？本文将从多个维度探讨这一问题，旨在为这一群体提供思考和启示。一、现状与挑战职场竞争加剧随着技术的不断发
  • css2中的透明 琪33
    .out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}
  • Nginx从入门到实践(三) 听你讲故事啊
    动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin
  • Codeforces Round 972 (Div. 2) A-C 题解 AKDreamer_HeXY Codeforces比赛题解c++算法动态规划数据结构贪心算法
    本来以为B2难度会1900什么的，结果感觉1200还没有，先做的B1，后悔了QwQ关于我现场没切出C这件事……现场排名：A.SimplePalindrome题意构造一个长度为nnn的字符串，只包含aeiou五种字母，需要使得构造出来的字符串所包含的回文子序列数量最小思路当n≤5n\le5n≤5时，只要555个字母不重复出现都是最优情况当n>5n>5n>5时，可以证明：把相同字母放在一起是最优情况：
  • 【Death Note】网吧战神之7天爆肝渗透测试死亡笔记_sqlmap在默认情况下除了使用 char() 函数防止出现单引号 2401_84561374 程序员笔记
    网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！特殊服务端口2181zookeeper服务未授权访问
  • Nginx的使用场景：构建高效、可扩展的Web架构 张某布响丸辣 nginx前端架构
    Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
  • Python精选200Tips：121-125 AnFany Python200+Tipspython开发语言
    Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例
  • 前端CSS面试常见题 剑亦未配妥 前端面试前端css面试
    边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
  • 爬虫技术抓取网站数据 Bearjumpingcandy 爬虫
    爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文
  • 2020-03-24 艺鹰空间设计
    从欧美的复古奢华，到现代极简的北欧风，一个太沉闷，一个略单调，设计师梁博，在自己的作品中融入一点点的复古元素，即能保留现代风格的清爽和功能上的便利，又可以收获复古的奢华和优雅，简直是太完美的搭配！古典风格住宅，设计师重新设计，厨房和起居室结合在一起，走廊和厨房起居室之间的墙从地板到天花板变成了一个透明隔断，给空间带来了更多的空气和光线。主卧室的设计颇有高级酒店的味道，左侧设置了休闲椅，右侧则有办公
  • 看的信息越来越多，我却越来越焦虑了…… 灰咖儿
    01看的信息越多，我感到越来越焦虑不知道为什么，有了手机作为消遣，却让人越来越感到焦虑。抖音、快手、知乎、小红书、、今日头条、喜马拉雅、得到……手机里装着越来越多的APP，每一个打开都是扑面而来的信息，除了纯粹的消遣，还为了能够学点东西、提高自己。但是要学的东西实在太多了，大到国际形势、国内经济、历史人文，小到股市分析、楼市信息、潮装搭配、美妆教学、生活技巧、健身诀窍、职场生存，每一个似乎都值得一
  • 莆田鞋十大良心微商推荐，莆田鞋推荐微商排名一览表 腕表鞋屋
    莆田鞋是广受欢迎的一种休闲鞋，因其舒适耐穿而备受消费者喜爱。在如今的微商市场中，有许多卖家代理莆田鞋，但是有些卖家并不那么负责，售卖的鞋子品质堪忧。因此，今天我们就来盘点一下莆田鞋的十大良心微商，为大家推荐一些靠谱的卖家。微信:726865(下单赠送精美礼品)1.小尼鞋铺小尼鞋铺是一家专注于莆田鞋销售的微商店铺，主打高品质的鞋子，深受用户好评。2.快乐小屋快乐小屋作为一个专业的莆田鞋代理店，拥有丰
  • 创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几 uthRaman 前端ui服务器
    前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
  • 手机小游戏开发 红匣子实力推荐
    随着智能手机的普及，手机小游戏已经成为人们日常生活中不可或缺的一部分。从简单的消除游戏到复杂的策略游戏，手机小游戏为玩家提供了丰富的娱乐体验。本文将为您介绍手机小游戏开发的基本概念、工具和技术。开发-联系电话：13642679953（微信同号）1.游戏类型手机小游戏可以分为多种类型，如益智游戏、休闲游戏、动作游戏、策略游戏等。开发者可以根据自己的兴趣和技能选择合适的游戏类型进行开发。2.开发工具手
  • SAX解析xml文件 小猪猪08 xml
    1.创建SAXParserFactory实例 2.通过SAXParserFactory对象获取SAXParser实例 3.创建一个类SAXParserHander继续DefaultHandler，并且实例化这个类 4.SAXParser实例的parse来获取文件     public static void main(String[] args) { //
  • 为什么mysql里的ibdata1文件不断的增长？ brotherlamp linuxlinux运维linux资料linux视频linux运维自学
    我们在 Percona 支持栏目经常收到关于 MySQL 的 ibdata1 文件的这个问题。 当监控服务器发送一个关于 MySQL 服务器存储的报警时，恐慌就开始了 —— 就是说磁盘快要满了。 一番调查后你意识到大多数地盘空间被 InnoDB 的共享表空间 ibdata1 使用。而你已经启用了 innodbfileper_table，所以问题是： ibdata1存了什么？ 当你启用了 i
  • Quartz-quartz.properties配置 eksliang quartz
    其实Quartz JAR文件的org.quartz包下就包含了一个quartz.properties属性配置文件并提供了默认设置。如果需要调整默认配置，可以在类路径下建立一个新的quartz.properties，它将自动被Quartz加载并覆盖默认的设置。   下面是这些默认值的解释 #-----集群的配置 org.quartz.scheduler.instanceName =
  • informatica session的使用 18289753290 workflowsessionlogInformatica
    如果希望workflow存储最近20次的log，在session里的Config  Object设置，log  options做配置，save  session log :sessions  run  ;savesessio log for  these runs:20 session下面的source 里面有个tracing 
  • Scrapy抓取网页时出现CRC check failed 0x471e6e9a != 0x7c07b839L的错误 酷的飞上天空 scrapy
    Scrapy版本0.14.4 出现问题现象： ERROR: Error downloading <GET http://xxxxx  CRC check failed   解决方法   1.设置网络请求时的header中的属性'Accept-Encoding': '*;q=0'   明确表示不支持任何形式的压缩格式，避免程序的解压
  • java Swing小集锦 永夜-极光 java swing
    1.关闭窗体弹出确认对话框   1.1   this.setDefaultCloseOperation (JFrame.DO_NOTHING_ON_CLOSE);   1.2   this.addWindowListener ( new WindowAdapter () { public void windo
  • 强制删除.svn文件夹 随便小屋 java
              在windows上，从别处复制的项目中可能带有.svn文件夹，手动删除太麻烦，并且每个文件夹下都有。所以写了个程序进行删除。因为.svn文件夹在windows上是只读的，所以用File中的delete()和deleteOnExist()方法都不能将其删除，所以只能采用windows命令方式进行删除
  • GET和POST有什么区别？及为什么网上的多数答案都是错的。 aijuans get post
        如果有人问你，GET和POST，有什么区别？你会如何回答？ 我的经历      前几天有人问我这个问题。我说GET是用于获取数据的，POST，一般用于将数据发给服务器之用。     这个答案好像并不是他想要的。于是他继续追问有没有别的区别？我说这就是个名字而已，如果服务器支持，他完全可以把G
  • 谈谈新浪微博背后的那些算法 aoyouzi 谈谈新浪微博背后的那些算法
    本文对微博中常见的问题的对应算法进行了简单的介绍，在实际应用中的算法比介绍的要复杂的多。当然，本文覆盖的主题并不全，比如好友推荐、热点跟踪等就没有涉及到。但古人云“窥一斑而见全豹”，希望本文的介绍能帮助大家更好的理解微博这样的社交网络应用。 微博是一个很多人都在用的社交应用。天天刷微博的人每天都会进行着这样几个操作：原创、转发、回复、阅读、关注、@等。其中，前四个是针对短博文，最后的关注和@则针
  • Connection reset 连接被重置的解决方法 百合不是茶 java字符流连接被重置
    流是java的核心部分,,昨天在做android服务器连接服务器的时候出了问题,就将代码放到java中执行,结果还是一样连接被重置   被重置的代码如下;   客户端代码; package 通信软件服务器; import java.io.BufferedWriter; import java.io.OutputStream; import java.io.O
  • web.xml配置详解之filter bijian1013 javaweb.xmlfilter
    一.定义 <filter> <filter-name>encodingfilter</filter-name> <filter-class>com.my.app.EncodingFilter</filter-class> <init-param> <param-name>encoding<
  • Heritrix Bill_chen 多线程xml算法制造配置管理
    作为纯Java语言开发的、功能强大的网络爬虫Heritrix，其功能极其强大，且扩展性良好，深受热爱搜索技术的盆友们的喜爱，但它配置较为复杂，且源码不好理解，最近又使劲看了下，结合自己的学习和理解，跟大家分享Heritrix的点点滴滴。 Heritrix的下载（http://sourceforge.net/projects/archive-crawler/）安装、配置，就不罗嗦了，可以自己找找资
  • 【Zookeeper】FAQ bit1129 zookeeper
    1.脱离IDE，运行简单的Java客户端程序 #ZkClient是简单的Zookeeper~$ java -cp "./:zookeeper-3.4.6.jar:./lib/*" ZKClient    1. Zookeeper是的Watcher回调是同步操作，需要添加异步处理的代码 2. 如果Zookeeper集群跨越多个机房，那么Leader/
  • The user specified as a definer ('aaa'@'localhost') does not exist 白糖_ localhost
    今天遇到一个客户BUG，当前的jdbc连接用户是root，然后部分删除操作都会报下面这个错误：The user specified as a definer ('aaa'@'localhost') does not exist 最后找原因发现删除操作做了触发器，而触发器里面有这样一句 /*!50017 DEFINER = ''aaa@'localhost' */  原来最初
  • javascript中showModelDialog刷新父页面 bozch JavaScript刷新父页面showModalDialog
    在页面中使用showModalDialog打开模式子页面窗口的时候，如果想在子页面中操作父页面中的某个节点，可以通过如下的进行：       window.showModalDialog('url',self,‘status...’); // 首先中间参数使用self       在子页面使用w
  • 编程之美-买书折扣 bylijinnan 编程之美
    import java.util.Arrays; public class BookDiscount { /**编程之美 买书折扣 书上的贪心算法的分析很有意思，我看了半天看不懂，结果作者说，贪心算法在这个问题上是不适用的。。 下面用动态规划实现。 哈利波特这本书一共有五卷，每卷都是8欧元，如果读者一次购买不同的两卷可扣除5%的折扣，三卷10%，四卷20%，五卷
  • 关于struts2.3.4项目跨站执行脚本以及远程执行漏洞修复概要 chenbowen00 strutsWEB安全
    因为近期负责的几个银行系统软件，需要交付客户，因此客户专门请了安全公司对系统进行了安全评测，结果发现了诸如跨站执行脚本，远程执行漏洞以及弱口令等问题。 下面记录下本次解决的过程以便后续 1、首先从最简单的开始处理，服务器的弱口令问题，首先根据安全工具提供的测试描述中发现应用服务器中存在一个匿名用户，默认是不需要密码的，经过分析发现服务器使用了FTP协议， 而使用ftp协议默认会产生一个匿名用
  • [电力与暖气]煤炭燃烧与电力加温 comsci
          在宇宙中,用贝塔射线观测地球某个部分,看上去,好像一个个马蜂窝,又像珊瑚礁一样,原来是某个国家的采煤区.....       不过,这个采煤区的煤炭看来是要用完了.....那么依赖将起燃烧并取暖的城市,在极度严寒的季节中...该怎么办呢?   &nbs
  • oracle O7_DICTIONARY_ACCESSIBILITY参数 daizj oracle
    O7_DICTIONARY_ACCESSIBILITY参数控制对数据字典的访问.设置为true,如果用户被授予了如select any table等any table权限,用户即使不是dba或sysdba用户也可以访问数据字典.在9i及以上版本默认为false,8i及以前版本默认为true.如果设置为true就可能会带来安全上的一些问题.这也就为什么O7_DICTIONARY_ACCESSIBIL
  • 比较全面的MySQL优化参考 dengkane mysql
    本文整理了一些MySQL的通用优化方法，做个简单的总结分享，旨在帮助那些没有专职MySQL DBA的企业做好基本的优化工作，至于具体的SQL优化，大部分通过加适当的索引即可达到效果，更复杂的就需要具体分析了，可以参考本站的一些优化案例或者联系我，下方有我的联系方式。这是上篇。   1、硬件层相关优化   1.1、CPU相关   在服务器的BIOS设置中，可
  • C语言homework2，有一个逆序打印数字的小算法 dcj3sjt126com c
    #h1#   0、完成课堂例子 1、将一个四位数逆序打印 1234 ==> 4321 实现方法一： # include <stdio.h> int main(void) { int i = 1234; int one = i%10; int two = i / 10 % 10; int three = i / 100 % 10;
  • apacheBench对网站进行压力测试 dcj3sjt126com apachebench
       ab 的全称是 ApacheBench ， 是 Apache 附带的一个小工具 ， 专门用于 HTTP Server 的 benchmark testing ， 可以同时模拟多个并发请求。前段时间看到公司的开发人员也在用它作一些测试，看起来也不错，很简单，也很容易使用，所以今天花一点时间看了一下。 通过下面的一个简单的例子和注释，相信大家可以更容易理解这个工具的使用。
  • 2种办法让HashMap线程安全 flyfoxs javajdkjni
    多线程之--2种办法让HashMap线程安全 多线程之--synchronized 和reentrantlock的优缺点 多线程之--2种JAVA乐观锁的比较( NonfairSync VS. FairSync)     HashMap不是线程安全的,往往在写程序时需要通过一些方法来回避.其实JDK原生的提供了2种方法让HashMap支持线程安全.  
  • Spring Security（04）——认证简介 234390216 Spring Security认证过程
    认证简介 目录 1.1     认证过程 1.2     Web应用的认证过程 1.2.1    ExceptionTranslationFilter 1.2.2    在request之间共享SecurityContext   1
  • Java 位运算 Javahuhui java位运算
    // 左移( << ) 低位补0 // 0000 0000 0000 0000 0000 0000 0000 0110 然后左移2位后，低位补0： // 0000 0000 0000 0000 0000 0000 0001 1000 System.out.println(6 << 2);// 运行结果是24 // 右移( >> ) 高位补"
  • mysql免安装版配置 ldzyz007 mysql
    1、my-small.ini是为了小型数据库而设计的。不应该把这个模型用于含有一些常用项目的数据库。 2、my-medium.ini是为中等规模的数据库而设计的。如果你正在企业中使用RHEL,可能会比这个操作系统的最小RAM需求(256MB)明显多得多的物理内存。由此可见，如果有那么多RAM内存可以使用，自然可以在同一台机器上运行其它服务。 3、my-large.ini是为专用于一个SQL数据
  • MFC和ado数据库使用时遇到的问题 你不认识的休道人 sqlC++mfc
    =================================================================== 第一个 =================================================================== try{ CString sql; sql.Format("select * from p
  • 表单重复提交Double Submits rensanning double
    可能发生的场景： *多次点击提交按钮 *刷新页面 *点击浏览器回退按钮 *直接访问收藏夹中的地址 *重复发送HTTP请求（Ajax） （1）点击按钮后disable该按钮一会儿，这样能避免急躁的用户频繁点击按钮。 这种方法确实有些粗暴，友好一点的可以把按钮的文字变一下做个提示，比如Bootstrap的做法： http://getbootstrap.co
  • Java String 十大常见问题 tomcat_oracle java正则表达式
    　1.字符串比较，使用“==”还是equals()? 　　"=="判断两个引用的是不是同一个内存地址(同一个物理对象)。 　　equals()判断两个字符串的值是否相等。 　　除非你想判断两个string引用是否同一个对象，否则应该总是使用equals()方法。 　　如果你了解字符串的驻留(String Interning)则会更好地理解这个问题。 　 　
  • SpringMVC 登陆拦截器实现登陆控制 xp9802 springMVC
    思路，先登陆后，将登陆信息存储在session中，然后通过拦截器，对系统中的页面和资源进行访问拦截，同时对于登陆本身相关的页面和资源不拦截。   实现方法： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他