File tree Expand file tree Collapse file tree 9 files changed +185
-1
lines changed
Expand file tree Collapse file tree 9 files changed +185
-1
lines changed Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html >
3+ < head >
4+ < meta charset ="utf-8 " />
5+ < meta name ="viewport " content ="width=device-width " />
6+ < link rel ="stylesheet " type ="text/css " href ="./styles.css " />
7+ < title > 06 Specificity</ title >
8+ </ head >
9+ < body >
10+ < ul >
11+ < li > My first item of the list</ li >
12+ < li > My second item of the list</ li >
13+ < li id ="thirditem "> My third item of the list</ li >
14+ < li > My fourth item of the list</ li >
15+ < li > My fifth item of the list</ li >
16+ </ ul >
17+ </ body >
18+ </ html >
Original file line number Diff line number Diff line change 1+ ul li {
2+ background : blue;
3+ }
4+
5+ li + # thirditem {
6+ background : yellow;
7+ }
8+ /**** DO NOT EDIT ANYTHING ABOVE THIS LINE ****/
Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html >
3+ < head >
4+ < meta charset ="utf-8 " />
5+ < meta name ="viewport " content ="width=device-width " />
6+ < link rel ="stylesheet " type ="text/css " href ="./styles.css " />
7+ < title > 07 Practicing Rules</ title >
8+ </ head >
9+
10+ < body >
11+ < div style ="width: 640px ">
12+ < h1 > The learning essay</ h1 >
13+ < h2 > 3 reasons you know you are learning</ h2 >
14+ < p id ="id1 ">
15+ We are going to explain in this paragraph the 3 most common signs that you should look into yourself to recognize if you are learning.
16+ </ p >
17+ < ol >
18+ < li > You are able to complete the exercises by yourself.</ li >
19+ < li > You understand what the teacher is talking about.</ li >
20+ < li > You are able to have conversations about the topic.</ li >
21+ </ ol >
22+ < h2 > 3 reasons you love what you are learning</ h2 >
23+ < ul >
24+ < li > Time passes fast.</ li >
25+ < li > You are anxious to finish this exercise and start the next one.</ li >
26+ < li > It's 12am and you don't want to go to sleep.</ li >
27+ </ ul >
28+ < p >
29+ If you can't sleep, what's better than watching videos of cats?
30+ < a href ="https://www.youtube.com/shorts/wdjpworLSk8 "> click here</ a >
31+ </ p >
32+ </ div >
33+ </ body >
34+ </ html >
Original file line number Diff line number Diff line change 1+ /* add your styles here */
Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html >
3+ < head >
4+ < meta charset ="utf-8 " />
5+ < meta name ="viewport " content ="width=device-width " />
6+ < link rel ="stylesheet " type ="text/css " href ="./styles.css " />
7+ < title > 08 Very Specific Rules</ title >
8+ </ head >
9+ < body >
10+ < h1 > The learning essay</ h1 >
11+ < h2 > 3 reasons you know you are learning</ h2 >
12+ < p id ="id1 ">
13+ We are going to explain in this paragraph the 3 most common signs that you should look into yourself to recognize if you are learning.
14+ </ p >
15+ < ol >
16+ < li > You are able to complete the exercises by yourself.</ li >
17+ < li > You understand what the teacher is talking about</ li >
18+ < li > You are able to have conversations about the topic</ li >
19+ </ ol >
20+ < h2 > 3 reasons you know love what you are learning</ h2 >
21+ < ul >
22+ < li > Time passes fast.</ li >
23+ < li > You are anxious to finish this exercise and start the next one.</ li >
24+ < li > It's 12am and you don't want to go to sleep.</ li >
25+ </ ul >
26+ < p >
27+ If you can't sleep, what better than watching videos of cats?
28+ < a href ="https://www.youtube.com/shorts/wdjpworLSk8 "> click here</ a >
29+ </ p >
30+
31+ < table >
32+ < tr >
33+ < td > Age</ td >
34+ < td > Gender</ td >
35+ </ tr >
36+ < tr >
37+ < td > 12</ td >
38+ < td > Male</ td >
39+ </ tr >
40+ < tr >
41+ < td > 22</ td >
42+ < td > Female</ td >
43+ </ tr >
44+ < tr >
45+ < td > 11</ td >
46+ < td > Male</ td >
47+ </ tr >
48+ < tr >
49+ < td > 21</ td >
50+ < td > Male</ td >
51+ </ tr >
52+ < tr >
53+ < td > 22</ td >
54+ < td > Female</ td >
55+ </ tr >
56+ < tr >
57+ < td > 10</ td >
58+ < td > Male</ td >
59+ </ tr >
60+ < tr >
61+ < td > 13</ td >
62+ < td > Female</ td >
63+ </ tr >
64+ < tr >
65+ < td > 13</ td >
66+ < td > Male</ td >
67+ </ tr >
68+ < tr >
69+ < td > 10</ td >
70+ < td > Male</ td >
71+ </ tr >
72+ < tr >
73+ < td > 11</ td >
74+ < td > Male</ td >
75+ </ tr >
76+ < tr >
77+ < td > 11</ td >
78+ < td > Male</ td >
79+ </ tr >
80+ </ table >
81+ </ body >
82+ </ html >
Original file line number Diff line number Diff line change 1+ /** Insert your code here **/
2+
3+ /********** READ-ONLY BLOCK ******
4+ You CANNOT UPDATE anything from here on,
5+ only add lines of code on top of these lines
6+ **/
7+
8+ body {
9+ color : blue;
10+ }
11+
12+ ul li ,
13+ ol li {
14+ color : green;
15+ }
Original file line number Diff line number Diff line change 88 </ head >
99
1010 < body >
11- < span > I should look like a button</ span >
11+ < span id =" button1 " > I should look like a button</ span >
1212 </ body >
1313</ html >
Original file line number Diff line number Diff line change @@ -6,3 +6,7 @@ li + #thirditem {
66 background : yellow;
77}
88/**** DO NOT EDIT ANYTHING ABOVE THIS LINE ****/
9+
10+ # thirditem {
11+ background-color : green !important ;
12+ }
Original file line number Diff line number Diff line change 11/* add your styles here */
2+ body {
3+ background-image : url ("../../.learn/assets/background-vertical.jpg?raw=true" );
4+ background-repeat : repeat-y;
5+ font-family : "Times New Roman" , Times, serif;
6+ padding-left : 20px ;
7+ }
8+ h1 {
9+ font-family : Courier;
10+ color : red;
11+ }
12+ h2 {
13+ text-decoration : underline;
14+ }
15+ # id1 {
16+ background-color : rgba (0 , 0 , 0 , 0.2 );
17+ padding : 5px ;
18+ }
19+ a : hover {
20+ text-decoration : none;
21+ color : green;
22+ }
23+
You can’t perform that action at this time.
0 commit comments