http://www.iconfont.cn/
http://fontawesome.io/icons/

做前端课助教，找了几道前端题目

html和xhtml区别

strict html 4.01 标准

<html> 必须是root元素

<head>和<body> 是 <html>中一定有且只有的元素

<head> 必须有 <title>， <meta>和<style>可选, 他们只能在<head>里

<body> 里只能有 block元素

block元素不能放在inline元素里

block元素不能放在<p>里

<ul>和<ol>中只能有<li>元素,但<li>里可以放其他，包括block元素

<blockquote>中只能放block元素

xhtml 1.0 标准

html元素需要有xml相关属性

元素名必须是小写字母元素属性用"包围,不能为空值

在内容里不能有&, 需要转义，包括其他特殊字符<>

空元素以 />结尾

盒模型塌陷

h1 {
    margin: 0 0 25px 0;
    background: #cfc;
}
p {
    margin: 20px 0 0 0;
    background: #cf9;
}

<h1>this is a heading</h1>
<p>this is a p</p>

<h1>和<p>的距离是25px。

这题有点难。

True：
null == undefined 
False:
null instanceof Object
null === undefined
NaN == NaN

> ((typeof 'abc')=='string')==='1'
< False

CSS

Write a table with 6 lines. Let the background-color of odd lines is white and the background-color of even line is gray. When you move your mouse hovering the table, the background-color is turned to yellow.

<style type="text/css">
    .table tr:nth-child(2n-1){
        background-color: #fff;
    }
    .table tr:nth-child(2n){
        background-color: #ccc;
    }
    .table tr:hover{
        background-color: yellow;
    }
</style>
<body>
<table class="table">
    <tr><td>first    line</td></tr>
    <tr><td>second    line</td></tr>
    <tr><td>third     line</td></tr>
    <tr><td>fourth     line</td></tr>
    <tr><td>fifth     line</td></tr>
    <tr><td>sixth     line</td></tr>
</table>
</body>

html&CSS

results matching ""

No results matching ""