mirror of
https://github.com/microsoft/frontend-bootcamp.git
synced 2026-01-26 14:56:42 +08:00
some tweaks
This commit is contained in:
@@ -100,6 +100,7 @@ span {
|
|||||||
*/
|
*/
|
||||||
padding: 10px 20px 15px;
|
padding: 10px 20px 15px;
|
||||||
margin: 10px 20px 10px 0;
|
margin: 10px 20px 10px 0;
|
||||||
|
border: 1px solid white;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Qualified selector */
|
/* Qualified selector */
|
||||||
@@ -140,6 +141,7 @@ input[type='submit'] {
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
## Next Step
|
## Next Step
|
||||||
|
|
||||||
[JavaScript Demo](../js-demo)
|
[JavaScript Demo](../js-demo)
|
||||||
|
|||||||
@@ -50,6 +50,7 @@ span {
|
|||||||
*/
|
*/
|
||||||
padding: 10px 20px 15px;
|
padding: 10px 20px 15px;
|
||||||
margin: 10px 20px 10px 0;
|
margin: 10px 20px 10px 0;
|
||||||
|
border: 1px solid white;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Qualified selector */
|
/* Qualified selector */
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" href="../css-demo/css-demo-finished.css" />
|
<link rel="stylesheet" href="../css-demo/css-demo-final.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div>
|
<div>
|
||||||
@@ -20,7 +20,7 @@
|
|||||||
<h2>Contact Us</h2>
|
<h2>Contact Us</h2>
|
||||||
<div id="contact-form">
|
<div id="contact-form">
|
||||||
<label>Email</label><input class="email" type="email" />
|
<label>Email</label><input class="email" type="email" />
|
||||||
<input class="submit" value="Submit" type="submit" />
|
<input onclick="displayMatches()" class="submit" value="Submit" type="submit" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -31,7 +31,7 @@ As we saw in the previous demo, HTML elements can be used to describe different
|
|||||||
<h1></h1>
|
<h1></h1>
|
||||||
<div class="addTodo"></div>
|
<div class="addTodo"></div>
|
||||||
<nav></nav>
|
<nav></nav>
|
||||||
<header>
|
</header>
|
||||||
<main class="filter"></main>
|
<main class="filter"></main>
|
||||||
<footer></footer>
|
<footer></footer>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -0,0 +1,14 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head></head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1></h1>
|
||||||
|
<div class="addTodo"></div>
|
||||||
|
<nav></nav>
|
||||||
|
</header>
|
||||||
|
<main class="filter"></main>
|
||||||
|
<footer></footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user