Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
1c987ac
commit 9bcd665
Showing
59 changed files
with
1,039 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,35 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>Title</title> | ||
</head> | ||
<body> | ||
|
||
<p>Here is a paragraph</p> | ||
|
||
<h1>heading one</h1> | ||
<h2>heading two</h2> | ||
<h3>heading three</h3> | ||
<h4>heading four</h4> | ||
<h5>heading five</h5> | ||
<h6>heading six</h6> | ||
|
||
<ul> | ||
<li>001</li> | ||
<li>002</li> | ||
<li>003</li> | ||
<li>004</li> | ||
<li>005</li> | ||
</ul> | ||
|
||
<ol> | ||
<li>001</li> | ||
<li>002</li> | ||
<li>003</li> | ||
<li>004</li> | ||
<li>005</li> | ||
</ol> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,48 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>Title</title> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
<p class="manyps">Here is a paragraph one</p> | ||
|
||
<p class="manyps">Here is a paragraph two</p> | ||
|
||
<p id="onlyonep">Here is a paragraph three</p> | ||
|
||
<h1>heading one</h1> | ||
<h2>heading two</h2> | ||
<h3>heading three</h3> | ||
<h4>heading four</h4> | ||
<h5>heading five</h5> | ||
<h6>heading six</h6> | ||
|
||
<ul> | ||
<li>001</li> | ||
<li>002</li> | ||
<li>003</li> | ||
<li>004</li> | ||
<li>005</li> | ||
</ul> | ||
|
||
<ol> | ||
<li>001</li> | ||
<li>002</li> | ||
<li>003</li> | ||
<li>004</li> | ||
<li>005</li> | ||
</ol> | ||
|
||
<img src="surf.jpg" alt="here is the alt text" title="here is the tool tip"> | ||
|
||
|
||
<a href="https://www.reddit.com" target="_blank"> go to reddit</a> | ||
|
||
|
||
|
||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
#onlyonep { | ||
color: red; | ||
font-size: 4rem; | ||
} | ||
|
||
.manyps { | ||
color: blue; | ||
font-size: 2rem; | ||
} |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions
11
000_temp/09_SPRING-2017/007_hw-css/01_div-basics/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
<!doctype html> | ||
<html> | ||
<head> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
<div></div> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
div { | ||
width: 200px; | ||
height: 200px; | ||
background-color: red; | ||
} |
11 changes: 11 additions & 0 deletions
11
000_temp/09_SPRING-2017/007_hw-css/02_border-radius/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
<!doctype html> | ||
<html> | ||
<head> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
<div></div> | ||
|
||
</body> | ||
</html> |
10 changes: 10 additions & 0 deletions
10
000_temp/09_SPRING-2017/007_hw-css/02_border-radius/main.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
div { | ||
width: 200px; | ||
height: 200px; | ||
background-color: red; | ||
/*border-radius: 20px;*/ | ||
/*border-radius: 20%;*/ | ||
/*border-radius: 100%;*/ | ||
/*border-radius: 20% 0;*/ | ||
border-radius: 20% 20% 0 0; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
<!doctype html> | ||
<html> | ||
<head> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
<div></div> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
div { | ||
width: 200px; | ||
height: 200px; | ||
background-color: red; | ||
/*border-radius: 20px;*/ | ||
/*border-radius: 20%;*/ | ||
/*border-radius: 100%;*/ | ||
/*border-radius: 20% 0;*/ | ||
border: 20px groove orange; | ||
border-radius: 20% 20% 0 0; | ||
} |
14 changes: 14 additions & 0 deletions
14
000_temp/09_SPRING-2017/007_hw-css/04_box-sizing/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<title>Document</title> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
<div></div> | ||
|
||
<div id="second"></div> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
div { | ||
width: 400px; | ||
height: 200px; | ||
border: 10px dashed red; | ||
margin: 20px auto; | ||
} | ||
|
||
#second { | ||
box-sizing: border-box; | ||
} |
Binary file added
BIN
+673 KB
.../09_SPRING-2017/007_hw-css/05_background-image/2017-03-19 food 4 less 19.91.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions
11
000_temp/09_SPRING-2017/007_hw-css/05_background-image/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
<!doctype html> | ||
<html> | ||
<head> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
<div></div> | ||
|
||
</body> | ||
</html> |
12 changes: 12 additions & 0 deletions
12
000_temp/09_SPRING-2017/007_hw-css/05_background-image/main.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
div { | ||
width: 300px; | ||
height: 300px; | ||
background-color: red; | ||
border: 20px groove deepskyblue; | ||
border-radius: 20%; | ||
margin: 50px auto; | ||
background-image: url("puppy.jpeg"); | ||
background-size: cover; | ||
background-repeat: no-repeat; | ||
background-position: center; | ||
} |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,17 @@ | ||
<!doctype html> | ||
<html> | ||
<head> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
|
||
<div></div> | ||
<div></div> | ||
<div></div> | ||
<div></div> | ||
|
||
|
||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,31 @@ | ||
/*total width*/ | ||
/*40 20 200 20 40 */ | ||
div { | ||
box-sizing: border-box; | ||
width: 200px; | ||
height: 200px; | ||
background-color: yellow; | ||
padding: 20px; | ||
|
||
border-style: solid; | ||
border-color: dodgerblue; | ||
|
||
/*border-width: 10px 0 30px 5px;*/ | ||
/*T R B L*/ | ||
|
||
/*border-width: 10px 0;*/ | ||
/*TB RL*/ | ||
|
||
border-width: 40px; | ||
/*TRBL*/ | ||
|
||
/*border-radius: 10%;*/ | ||
/*border-radius: 50% 0;*/ | ||
/*border-radius: 0 50%;*/ | ||
/*border-radius: 0 50% 0 10%;*/ | ||
|
||
display: inline-block; | ||
|
||
|
||
|
||
} |
14 changes: 14 additions & 0 deletions
14
000_temp/09_SPRING-2017/008_css-selectors/01_element/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>Document</title> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
<div></div> | ||
<div></div> | ||
|
||
</body> | ||
</html> |
7 changes: 7 additions & 0 deletions
7
000_temp/09_SPRING-2017/008_css-selectors/01_element/main.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
div { | ||
width: 400px; | ||
height: 400px; | ||
margin: 0 auto; | ||
border: 5px solid dodgerblue; | ||
background-color: yellow; | ||
} |
14 changes: 14 additions & 0 deletions
14
000_temp/09_SPRING-2017/008_css-selectors/02_class/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>Document</title> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
<div class="boxes"></div> | ||
<div class="boxes"></div> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
.boxes { | ||
width: 400px; | ||
height: 400px; | ||
margin: 0 auto; | ||
border: 5px solid dodgerblue; | ||
background-color: yellow; | ||
} | ||
|
14 changes: 14 additions & 0 deletions
14
000_temp/09_SPRING-2017/008_css-selectors/03_id/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>Document</title> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
<div></div> | ||
<div id="addon"></div> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
div { | ||
width: 400px; | ||
height: 400px; | ||
margin: 0 auto; | ||
border: 5px solid dodgerblue; | ||
background-color: yellow; | ||
} | ||
|
||
#addon { | ||
background-color: #00FF00; | ||
} | ||
|
14 changes: 14 additions & 0 deletions
14
000_temp/09_SPRING-2017/008_css-selectors/04_attribute/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>Document</title> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
<div title="cat"></div> | ||
<div title="dog"></div> | ||
|
||
</body> | ||
</html> |
12 changes: 12 additions & 0 deletions
12
000_temp/09_SPRING-2017/008_css-selectors/04_attribute/main.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
div { | ||
width: 400px; | ||
height: 400px; | ||
margin: 0 auto; | ||
border: 5px solid dodgerblue; | ||
background-color: yellow; | ||
} | ||
|
||
[title="cat"] { | ||
background-color: #00FF00; | ||
} | ||
|
14 changes: 14 additions & 0 deletions
14
000_temp/09_SPRING-2017/008_css-selectors/05_all/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>Document</title> | ||
<link rel="stylesheet" href="main.css"> | ||
</head> | ||
<body> | ||
|
||
<div title="cat"></div> | ||
<div title="dog"></div> | ||
|
||
</body> | ||
</html> |
Oops, something went wrong.