檢視「自主學習典範」學生單位成本的原始碼

[[分類:自主學習怎麼做]]
{{#css:
.student-cost-wrap { max-width: 1000px; margin: 0 auto; overflow-x: auto; }
.student-cost { width: 100%; min-width: 720px; border-collapse: collapse; table-layout: fixed; color: #000; font: 22px/1.5 'Microsoft JhengHei', '微軟正黑體', sans-serif; background: #fff; }
.student-cost caption { padding: 0 0 24px; font-size: 30px; font-weight: 700; text-align: center; color: #000; }
.student-cost th, .student-cost td { border: 1px solid #fff; padding: 22px 12px; vertical-align: middle; }
.student-cost thead th { background: #4472c4; color: #fff; text-align: center; font-weight: 700; }
.student-cost tbody tr:nth-child(odd) { background: #cfd5e9; }
.student-cost tbody tr:nth-child(even) { background: #e9ebf5; }
.student-cost tbody th { text-align: center; font-weight: 700; }
.student-cost .cost { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.student-cost .share { text-align: center; white-space: nowrap; }
.student-cost .difference { text-align: left; }
@media (max-width: 600px) {
  body { padding: 20px 12px; }
  .student-cost { font-size: 18px; }
  .student-cost caption { font-size: 24px; padding-bottom: 18px; }
}
@media print {
  body { padding: 0; }
  .student-cost-wrap { overflow: visible; }
  .student-cost { min-width: 0; font-size: 14pt; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}
}}
<div class='student-cost-wrap' role='region' aria-label='自主學習典範學生單位成本表格，可左右捲動' tabindex='0' style='float:right'>
<table class='student-cost'>
  <caption>「自主學習典範」學生單位成本</caption>
    <tr>
      <th style='width:20.66%' scope='col'>支出類別</th>
      <th style='width:17.30%' scope='col'>每生每年<br>支出 (元)</th>
      <th style='width:17.20%' scope='col'>佔比</th>
      <th style='width:44.84%' scope='col'>與體制學校主要差異</th>
    </tr>
    <tr>
      <th scope='row'>導師</th>
      <td class='cost'>103,000</td>
      <td class='share'>57%</td>
      <td class='difference'>勞基法；師生比約 1：7</td>
    </tr>
    <tr>
      <th scope='row'>教室折舊</th>
      <td class='cost'>1,400</td>
      <td class='share'>0.8%</td>
      <td class='difference'>差不多，也可以<br>租更貴的教室</td>
    </tr>
    <tr>
      <th scope='row'>選修／組課</th>
      <td class='cost'>60,000</td>
      <td class='share'>33.3%</td>
      <td class='difference'>遠多於體制學校</td>
    </tr>
    <tr>
      <th scope='row'>行政支出</th>
      <td class='cost'>15,800</td>
      <td class='share'>8.8%</td>
      <td class='difference'>班本課程；輕刑簡政</td>
    </tr>
</table>
</div>