Home Explore Help
Sign In
pvvvm505
/
FSA3_Home_work_3
Watch 1
Star 0
Fork 0
Files Issues 1 Pull Requests 0 Wiki
Browse Source

HomeWork3

pavlovm503 5 years ago
commit
52bb50fda2
4 changed files with 71 additions and 0 deletions
Split View Show Diff Stats
  1. 45 0
      index.html
  2. 26 0
      style.css
  3. BIN
      wCSS.png
  4. BIN
      wHTML.png

+ 45 - 0
index.html
View File 

@@ -0,0 +1,45 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="utf-8">
 
+	<title>Павлов_Михаил</title>
 
+	<link rel="stylesheet" href="style.css">
 
+		<style>
 
+		span{background:green}
 
+	</style>
 
+</head>
 
+<body>
 
+	<!--Первый уровень -->
 
+	<span style="background-color: red">Bad_Boy</span>
 
+	<!--Второй уровень -->
 
+	<div class="holder">
 
+	 	<h1>Title</h1>
 
+	 	<ul class="list">
 
+		  	<li>
 
+		  		<a href="#">link1</a>
 
+    			<ul>
 
+					<li><a href="#">link2</a></li>
 
+					<li><a href="#">link3</a></li>
 
+    			</ul>
 
+    		</li>
 
+    		<li><a href="https://www.youtube.com/">link4</a></li>
 
+    		<li><a href="https://validator.w3.org/">link5</a></li>
 
+    		<li><a href="#">link6</a></li>
 
+  		</ul>
 
+  		<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore, accusamus.</p>
 
+  		<h1>Title</h1>
 
+  		<p>Lorem ipsum dolor sit amet.</p>
 
+	</div>
 
+	<!--Третий уровень-->
 
+	<h3>Покрасьте меня в розовый цвет (color:pink).</h3>
 
+	<p>Данный элемент должен остаться неоформленным.</p>
 
+	<p id='greycol'>Покрасьте меня в серый цвет (color:grey).</p>
 
+	<div>Данный элемент должен остаться неоформленным.</div>
 
+	<div><p>Покрасьте меня в красный цвет (color:red).</p></div>
 
+	<h3>Данный элемент должен остаться неоформленным.</h3>
 
+	<p>Покрасьте меня в зеленый цвет (color:green).</p>
 
+	<p class='yellow'>Покрасьте меня в желтый цвет (color:yellow).</p>
 
+	<!--Четвёртый уровень-->
 
+	<div class="bg-box"></div>
 
+</body>
 
+</html>

+ 26 - 0
style.css
View File 

@@ -0,0 +1,26 @@
 
+/*Первый уровень*/
 
+span{background:linear-gradient(180deg,#00008B,#00ff00)}
 
+/*Второй уровень*/
 
+a[href^="https://"]{background:red}
 
+li+li+li:last-child{background:blue}
 
+ul+p{font-size: 26px}
 
+/*Третий уровень*/
 
+span+div+h3{background: pink}
 
+#greycol{background: grey}
 
+div+div{background: red}
 
+div+div+h3+p{background: green}
 
+.yellow{background: yellow}
 
+/*Четвёртый уровеень*/
 
+body{width: 100%; height: 100%;position: absolute;top:0;left:0;overflow: auto;}
 
+.bg-box{
 
+		width: 100%;
 
+		height: 100%;
 
+		background:
 
+		url(https://img2.goodfon.ru/wallpaper/big/0/5b/pole-zelen-trava-dom-derevya.jpg) 50% 50% no-repeat ,
 
+		url(https://www.freeiconspng.com/uploads/lamp-png-0.png) 0% 0% repeat-x,
 
+		url(https://www.freeiconspng.com/uploads/grass-png-images-pictures-transparent-28.png) 100% 100% repeat-x ,
 
+		url(https://avatanplus.com/files/resources/mid/58eb07b830eab15b56162788.png) 100% 100%  repeat-y ,
 
+		url(https://vignette.wikia.nocookie.net/mashaandthebear/images/e/e0/Ёжик.png/revision/latest?cb=20180209130328&path-prefix=ru) 0% 0% repeat-y ,
 
+		green 50% 50% no-repeat;
 
+		background-size: 50% 50% , 5% 15%  , 25% 20% , 4% 4% , 4% 6% , 100% 100%;
 
+		}

BIN
wCSS.png
View File


BIN
wHTML.png
View File