HTML
1.HTML 指的是？
您的回答：超文本標記語言（Hyper Text Markup Language）
2.Web 標準的制定者是？
您的回答：萬維網聯盟（W3C）
3.在下列的 HTML 中，哪個是最大的標題？
您的回答：<h1>
4.在下列的 HTML 中，哪個可以插入折行？
您的回答：<br>
5.在下列的 HTML 中，哪個可以添加背景顏色？
您的回答：<body bgcolor="yellow">
6.請選擇產生粗體字的 HTML 標籤：
您的回答：<b>
7.請選擇產生斜體字的 HTML 標籤：
您的回答：<i>
8.在下列的 HTML 中，哪個可以產生超鏈接？
您的回答：<a href="http://www.w3school.com.cn">W3School</a>
9.如何製作電子郵件鏈接？
您的回答：<a href="mailto:xxx@yyy">
10.如何在新窗口打開鏈接？
您的回答：<a href="url" target="_blank">
11.以下選項中，哪個全部都是表格標籤？
您的回答：<table><tr><td>
12.請選擇可以使單元格中的內容進行左對齊的正確 HTML 標籤：
您的回答：<td align="left">
13.如何產生帶有數字列表符號的列表？
您的回答：<ol>
14.如何產生帶有圓點列表符號的列表？
您的回答：<ul>
15.在下列的 HTML 中，哪個可以產生複選框？
您的回答：<input type="checkbox">
16.在下列的 HTML 中，哪個可以產生文本框？
您的回答：<input type="text">
17.在下列的 HTML 中，哪個可以產生下拉列表？
您的回答：<select>
18.在下列的 HTML 中，哪個可以產生文本區（textarea）？
您的回答：<input type="textarea">
正確答案：<textarea>
19.在下列的 HTML 中，哪個可以插入圖像？
您的回答：<image src="image.gif">
正確答案：<img src="image.gif">
20.在下列的 HTML 中，哪個可以插入背景圖像？
您的回答：<body background="background.gif">
21. 在html5中，input元素有required屬性，會做必填提示，但是在safar瀏覽器中不起作用哦
CSS
1.CSS 指的是？
您的回答：Cascading Style Sheets
2.在以下的 HTML 中，哪個是正確引用外部樣式表的方法？
您的回答：<link rel="stylesheet" type="text/css" href="mystyle.css">
3.在 HTML 文檔中，引用外部樣式表的正確位置是？
您的回答：<head> 部分
4.哪個 HTML 標籤用於定義內部樣式表？
您的回答：<style>
5.哪個 HTML 屬性可用來定義內聯樣式？
您的回答：style
6.下列哪個選項的 CSS 語法是正確的？
您的回答：body {color: black}
7.如何在 CSS 文件中插入註釋？
您的回答：/* this is a comment */
8.哪個屬性可用於改變背景顏色？
您的回答：background-color:
9.如何爲所有的 <h1> 元素添加背景顏色？
您的回答：h1 {background-color:#FFFFFF}
10.如何改變某個元素的文本顏色？
您的回答：color:
11.哪個 CSS 屬性可控制文本的尺寸？
您的回答：font-size
12.在以下的 CSS 中，可使所有 <p> 元素變爲粗體的正確語法是？
您的回答：p {font-weight:bold}
13.如何顯示沒有下劃線的超鏈接？
您的回答：a {text-decoration:none}
14.如何使文本以大寫字母開頭？
您的回答：text-transform:uppercase
正確答案：text-transform:capitalize
15.如何改變元素的字體？
您的回答：font-family:
16.如何使文本變爲粗體？
您的回答：font-weight:bold
17.如何顯示這樣一個邊框：上邊框 10 像素、下邊框 5 像素、左邊框 20 像素、右邊框 1 像素？
您的回答：border-width:10px 1px 5px 20px
18.如何改變元素的左邊距？
您的回答：margin-left:
19.請判斷以下說法是否正確：如需定義元素內容與邊框間的空間，可使用 padding 屬性，並可使用負值？
您的回答：錯誤
20.如何產生帶有正方形項目的列表？
您的回答：list-style-type: square
21.父元素設置overflow：hidden，可以清除子元素的浮動帶來的影響
CSS世界
JS
1.我們可以在下列哪個 HTML 元素中放置 Javascript 代碼？
您的回答：<script>
2.寫 "Hello World" 的正確 Javascript 語法是？
您的回答：document.write("Hello World")
3.插入 Javacript 的正確位置是？
您的回答：<body> 部分和 <head> 部分均可
4.引用名爲 "xxx.js" 的外部腳本的正確語法是？
您的回答：<script src="xxx.js">
5.外部腳本必須包含 <script> 標籤嗎？
您的回答：是
正確答案：否
6.如何在警告框中寫入 "Hello World"？
您的回答：alert("Hello World")
7.如何創建函數？
您的回答：function myFunction()
8.如何調用名爲 "myFunction" 的函數？
您的回答：myFunction()
9.如何編寫當 i 等於 5 時執行一些語句的條件語句？
您的回答：if (i==5)
10.如何編寫當 i 不等於 5 時執行一些語句的條件語句？
您的回答：if (i != 5)
11.在 JavaScript 中，有多少種不同類型的循環？
您的回答：四種。for 循環、while 循環、do...while 循環以及 loop...until 循環。
正確答案：兩種。for 循環和 while 循環。
12.for 循環如何開始？
您的回答：for (i = 0; i <= 5; i++)
13.如何在 JavaScript 中添加註釋？
您的回答：//This is a comment
14.可插入多行註釋的 JavaScript 語法是？
您的回答：/*This comment has more than one line*/
15.定義 JavaScript 數組的正確方法是？
您的回答：var txt = new Array("George","John","Thomas")
16.如何把 7.25 四捨五入爲最接近的整數？
您的回答：Math.round(7.25)
17.如何求得 2 和 4 中最大的數？
您的回答：Math.max(2,4)
18.打開名爲 "window2" 的新窗口的 JavaScript 語法是？
您的回答：window.open("http://www.w3school.com.cn","window2")
19.如何在瀏覽器的狀態欄放入一條消息？
您的回答：window.status("put your message here")
正確答案：window.status = "put your message here"
解釋 ：window.status 屬性可設置或返回窗口狀態欄中的文本。
20.如何獲得客戶端瀏覽器的名稱？
您的回答：browser.name
正確答案：navigator.appName
解釋 ：window.navigator 對象包含有關訪問者瀏覽器的信息。
Flex
flex父容器
- flex-direction:子項排列順序。主軸方向
- row：默認值。主軸水平方向
- row-reverse：主軸水平方向，起點在右端
- column：主軸爲垂直方向
- column-reverse：主軸爲垂直方向，起點在下端
- flex-wrap：子項是否溢出換行
- nowrap：默認值，不換行
- wrap：換行，第一行在主軸開始方向
- wrap-reverse：換行，第一行在主軸結束方向
- flex-flow：flex-direction+flex-wrap的簡寫。默認值：row nowrap
- justify-content：主軸對齊方式
- flex-start：主軸開始方向。
- flex-end：主軸結束方向。
- center：主軸居中對齊。
- space-between:兩端對齊，item的間隔相等
- space-around：每一個項目兩側的間隔相等，項目之間間隔是項目與邊框間隔的兩倍
- align-items：側軸對齊方式
- flex-start，flex-end，側軸開始/結束方向對齊
- center：側軸居中對齊
- baseline：項目第一行文字的基線對齊
- stretch：默認值。如果item無高度或高度爲auto，將佔滿整個容器
- align-content：容器在側軸方向上有額外空間時，怎樣排布一行（當容器僅僅有一行時它不起作用）
- flex-start/end，側軸開始/結束方向對齊
- center，側軸中心對齊
- space-between：側軸兩端對齊
- space-around：每根軸線兩側間隔相等
- stretch：默認值，佔滿整個側軸
子項屬性
- order：定義項目的排列順序。數值越小越靠前
- flex-grow：定義項目的放大比例，默認0
- 如果全部項目的flex-grow屬性都爲1，他們將等分剩餘空間
- flex-shrink定義項目的縮小比例，默認1，即如果空間不足，該項目將縮小
- 負值無效。如果全部項目的flex-shrink屬性都爲1，當空間不足時，他們將等比例縮小
- flex-basis再分配多餘空間之前，項目佔領的主軸空間。默認值auto
- flex：是flex-grow+shrink+basis的簡寫。默認值 0 1 auto
- align-self：單個項目有與其它項目不一樣的側軸對齊方式，可覆蓋align-items屬性