錯誤代碼 c8
電腦規格 K8VM800 技嘉
記憶體DDR. 1g*2
原因:PS2鍵盤 問題,輸入第三個案件跳藍屏
以 學習-紀錄-分享-工具 為主軸
border-style:solid;
|
border-style:dotted;
|
border-style:dashed;
|
border-style:double;
|
border-style:outset;
|
border-style:groove;
|
border-style:ridge;
|
border-style:inset;
|
border-style:none;
|
vertical-align:baseline; | 預設值,元素在該行的基礎線上,大約在文字的中間位置,並不美觀。 |
vertical-align:sub; | 圖片垂直對齊該行本文的下標位置。 |
vertical-align:super; | 圖片垂直對齊該行本文的上標位置。 |
vertical-align:top; | 圖片垂直對齊該行元素的最高位置。 |
vertical-align:text-top; | 圖片垂直對齊該行文字的最高位置。 |
vertical-align:middle; | 圖片垂直對齊該行文字的置中位置。 |
vertical-align:bottom; | 圖片垂直對齊該行元素的最低位置。 |
vertical-align:text-bottom; | 圖片垂直對齊該行文字的最低位置。 |
vertical-align:%; | 以百分比來讓圖片垂直對齊該行文字,可以有負值。 |
這裡是第一行 | |
這裡是第二行的第一個欄位 | 這裡是第二行的第二個欄位 |
這是第一個欄位 | 這裡是第二個欄位第一行 |
這裡是第二個欄位第二行 |
<select>
<option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option></select>
.box-1, .box-2, .box-3{padding:30px; width:150px; margin-bottom:10px; text-align:center;}
.box-1{ background:#000; opacity:0.6; }
.box-1 p, .box-2 p, .box-3 p{ color:#fff;font-family:'微軟正黑體'; text-align:center;font-size:16px;}
.box-2{ background:rgba(0,0,0,0.6);margin-bottom:10px;}
.box-3{ background:#000; filter:Alpha(opacity=60);}
body{ background:url(http://lorempixel.com/output/abstract-q-c-400-400-2.jpg) no-repeat;padding:10px;}
字型 | 語法範例 | 呈現 |
serif | <span style="font-family:serif;">Show serif font</span> | Show serif font |
sans-serif | <span style="font-family:sans-serif;">Show sans-serif font</span> | Show sans-serif font |
cursive | <span style="font-family:cursive;">Show cursive font</span> | Show cursive font |
fantasy | <span style="font-family:fantasy;">Show fantasy font</span> | Show fantasy font |
monospace | <span style="font-family:monospace;">monospace font</span> | monospace font |
細明體 | <span style="font-family:MingLiU;">細明體字型</span> | 細明體字型 |
新細明體 | <span style="font-family:PMingLiU;">新細明體字型</span> | 新細明體字型 |
標楷體 | <span style="font-family:DFKai-sb;">標楷體字型</span> | 標楷體字型 |
微軟正黑體 | <span style="font-family:Microsoft JhengHei;">微軟正黑體</span> | 微軟正黑體 |
<div id="source-html"> <h1> <center>Artificial Intelligence</center> </h1> <h2>Overview</h2> <p> Artificial Intelligence(AI) is an emerging technology demonstrating machine intelligence. The sub studies like <u><i>Neural Networks</i>, <i>Robatics</i> or <i>Machine Learning</i></u> are the parts of AI. This technology is expected to be a prime part of the real world in all levels. </p> </div> <div class="content-footer"> <button id="btn-export" onclick="exportHTML();">Export to word doc</button> </div>JavaScript部分
<script> function exportHTML(){ var header = "<html xmlns:o='urn:schemas-microsoft-com:office:office' "+ "xmlns:w='urn:schemas-microsoft-com:office:word' "+ "xmlns='http://www.w3.org/TR/REC-html40'>"+ "<head><meta charset='utf-8'><title>Export HTML to Word Document with JavaScript</title></head><body>"; var footer = "</body></html>"; var sourceHTML = header+document.getElementById("source-html").innerHTML+footer; var source = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(sourceHTML); var fileDownload = document.createElement("a"); document.body.appendChild(fileDownload); fileDownload.href = source; fileDownload.download = 'document.doc'; fileDownload.click(); document.body.removeChild(fileDownload); } </script>JavaScript部分可放置主頁,也可另存成.js檔,引用