首頁 探索 說明
登入
Entony
/
homework
關註 1
讚好 0
複刻 0
檔案 問題管理 1 合併請求 0 Wiki
瀏覽代碼

test

Entony 7 年之前
當前提交
12f8e37b41
共有 14 個文件被更改，包括 313 次插入 和 0 次删除
分割檢視 顯示文件統計
  1. 25 0
      03.07.2017/1/css/style.css
  2. 20 0
      03.07.2017/1/index.html
  3. 29 0
      03.07.2017/1/style2.css
  4. 29 0
      03.07.2017/2/css/style.css
  5. 29 0
      03.07.2017/2/css/style2 (2).css
  6. 26 0
      03.07.2017/2/index.html
  7. 21 0
      03.07.2017/3/css/style.css
  8. 二進制
      03.07.2017/3/img/enter.png
  9. 21 0
      03.07.2017/3/index.html
  10. 17 0
      03.07.2017/4/css/style.css
  11. 二進制
      03.07.2017/4/img/sticker946.png
  12. 22 0
      03.07.2017/4/index.html
  13. 23 0
      03.07.2017/5/css/style.css
  14. 51 0
      03.07.2017/5/index.html

+ 25 - 0
03.07.2017/1/css/style.css
查看文件 

@@ -0,0 +1,25 @@
 
+div {
 
+	
+	background: #eee;
 
+	border-radius: 20px;
 
+	display: inline-block; 
+}
 
+ul {
 
+	list-style: none;
 
+	margin: 0;
 
+	padding-left: 0;
 
+}
 
+li {
 
+	display: inline;
 
+	margin-right: -4px;
 
+}
 
+a:link  {
 
+	color : #000;
 
+}
 
+a {
 
+	text-decoration: none;
 
+	margin-top: 10px;
 
+	margin-bottom: 10px;
 
+	margin-left: 20px;
 
+	margin-right: 20px;
 
+}

+ 20 - 0
03.07.2017/1/index.html
查看文件 

@@ -0,0 +1,20 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<link rel="stylesheet" href="css/style.css">
 
+	<title>First task</title>
 
+</head>
 
+<body>
 
+<header>
 
+	<div>
 
+		<ul>
 
+			<li><a href="../2/index.html">List</a></li>
 
+			<li><a href="../3/index.html">HTML-structure</a></li>
 
+			<li><a href="../4/index.html">HTML-marking</a></li>
 
+			<li><a href="../5/index.html">Table</a></li>
 
+		</ul>
 
+	</div>
 
+</header>
 
+</body>
 
+</html>

+ 29 - 0
03.07.2017/1/style2.css
查看文件 

@@ -0,0 +1,29 @@
 
+div {
 
+	
+	background: #eee;
 
+	border-radius: 20px;  /*- задаем рамку для контейнера div*/
 
+	display: inline-block; /*- делаем ширину  div равной ширине контента*/
 
+}
 
+
 
+ul {
 
+	list-style: none;  /*- Убираем маркеры в  списке*/
 
+	margin: 0;            /*- Обнуляем значения верхнего и нижнего поля   */
 
+	padding-left: 0;    /*- Убираем левый отступ(по умолчанию 40px)*/
 
+}
 
+
 
+li {
 
+	display: inline;     /*- Задаем элементам списка строчную структуру*/
 
+	margin-right: -4px;  /*- Убираем промежуток между блоками списка*/
 
+}
 
+
 
+a:link  {         /*- Цвет ссылок*/
 
+	color : #000;
 
+}
 
+
 
+a {
 
+	text-decoration: none;  /*- Убираем подчеркивание ссылок */
 
+	margin-top: 10px;
 
+	margin-bottom: 10px;
 
+	margin-left: 20px;
 
+	margin-right: 20px;
 
+}

+ 29 - 0
03.07.2017/2/css/style.css
查看文件 

@@ -0,0 +1,29 @@
 
+ul {
 
+	list-style: none;
 
+	margin: 0;
 
+	padding-left: 0;
 
+}
 
+li:first-child {
 
+	font-weight: bolder;
 
+	font-size: 150%;
 
+}
 
+li:first-child ::before  {
 
+	content: "";
 
+	display: block;
 
+	height: 1px;
 
+	background: #000;
 
+}
 
+li:last-child {
 
+	border-bottom: 1px;
 
+	border-style: solid;
 
+	border-color: #000;
 
+}
 
+a {
 
+	display: block;
 
+	text-decoration: none;
 
+	color: #444;
 
+}
 
+a:hover {
 
+	color: #999;
 
+	text-decoration: underline;
 
+}

+ 29 - 0
03.07.2017/2/css/style2 (2).css
查看文件 

@@ -0,0 +1,29 @@
 
+ul {
 
+	list-style: none; /*- Убираем маркеры в  списке*/
 
+	margin: 0;        /*- Обнуляем значения верхнего и нижнего поля   */
 
+	padding-left: 0;  /*- Убираем левый отступ(по умолчанию 40px)*/
 
+}
 
+li:first-child {             /*- Обращаемся к первому элементу списка*/
 
+	font-weight: bolder;     /*- Задаем шрифт "пожирнее"*/
 
+	font-size: 150%;         /*- Увеличиваем размер
 
+}*/
 
+li:first-child ::before  {    /*- Создаем псевдоэлемент для первого элемента списка*/
 
+	content: "";				/*- Обязательный атрибут!!!!!!*/
 
+	display: block;           
+	height: 1px;
 
+	background: #000;
 
+}
 
+li:last-child {                /*- Обращаемся к последнему элементу в списке*/
 
+	border-bottom: 1px;
 
+	border-style: solid;       /*- тип рамки (непрерывный)*/
 
+	border-color: #000;
 
+}
 
+a {
 
+	display: block;
 
+	text-decoration: none;       /*-убираем подчеркивание у ссылки*/
 
+	color: #444;
 
+}
 
+a:hover {                        /*-Задаем действие которые будут выполняться при наведени курсора на ссылки*/
 
+	color: #999;
 
+	text-decoration: underline;  
+}

+ 26 - 0
03.07.2017/2/index.html
查看文件 

@@ -0,0 +1,26 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<link rel="stylesheet" href="css/style.css">
 
+	<title>Second Task</title>
 
+</head>
 
+<body>
 
+<div>
 
+	<ul>
 
+		<li><a href="#">iPhone</a></li>
 
+		<li><a href="#">Samsung</a></li>
 
+		<li><a href="#">LG</a></li>
 
+		<li><a href="#">Lenovo</a></li>
 
+		<li><a href="#">Asus</a></li>
 
+		<li><a href="#">Motorola</a></li>
 
+		<li><a href="#">Meizu</a></li>
 
+		<li><a href="#">Xiaomi</a></li>
 
+		<li><a href="#">Huawei</a></li>
 
+		<li><a href="#">HTC</a></li>
 
+		<li><a href="#">Nokia</a></li>
 
+	</ul>
 
+</div>
 
+</body>
 
+</html>
 
+

+ 21 - 0
03.07.2017/3/css/style.css
查看文件 

@@ -0,0 +1,21 @@
 
+h1 	{
 
+	display: block;
 
+	text-align: center;
 
+	margin: 0;
 
+}
 
+a {
 
+	display: inline;
 
+	text-decoration: none;       
+	color: #444;
 
+}
 
+img {
 
+	position: relative;
 
+	bottom: -5px;
 
+}
 
+main {
 
+	margin-top: 50px;
 
+	margin-bottom: 10px;
 
+}
 
+footer {
 
+	font-style: italic;
 
+}

二進制
03.07.2017/3/img/enter.png
查看文件


+ 21 - 0
03.07.2017/3/index.html
查看文件 

@@ -0,0 +1,21 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<link rel="stylesheet" href="css/style.css">
 
+	<title>Third task</title>
 
+</head>
 
+<body>
 
+	<header>
 
+		<h1>Many pictures : <a href="http://defaulticon.com/">link<img src="img/enter.png" alt=""></a></h1>
 
+	</header>
 
+	<main>
 
+		<section>
 
+			<article>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium maiores, facere alias expedita atque provident? Cupiditate, expedita ducimus repellat officia voluptate, corrupti fugiat asperiores eveniet ea repudiandae quis corporis molestias saepe est eius, laborum temporibus quam, voluptatibus esse eaque sint nam laboriosam mollitia? Natus asperiores corporis ex unde aut repellat.</article>
 
+		</section>
 
+	</main>
 
+	<footer>
 
+		Create for A-level school
 
+	</footer>
 
+</body>
 
+</html>

+ 17 - 0
03.07.2017/4/css/style.css
查看文件 

@@ -0,0 +1,17 @@
 
+h1 	{
 
+	display: block;
 
+	text-align: center;
 
+	margin: 0;
 
+}
 
+img {
 
+	float: left;
 
+	width: 150px;
 
+	height: 150px;
 
+}
 
+main {
 
+	display: inline-block;
 
+}
 
+article {
 
+	display: inline;
 
+	overflow: hidden;
 
+}

二進制
03.07.2017/4/img/sticker946.png
查看文件


文件差異過大導致無法顯示
+ 22 - 0
03.07.2017/4/index.html


+ 23 - 0
03.07.2017/5/css/style.css
查看文件 

@@ -0,0 +1,23 @@
 
+table {
 
+	width: 50%;
 
+	border: 1px;
 
+	border-color: #000;
 
+	border-collapse: collapse;
 
+}
 
+ thead tr {
 
+	background-color: #696969;
 
+	color: #fff;
 
+	text-align: center;
 
+}
 
+tbody td:nth-child(3n), td:nth-child(4n) {
 
+	text-align: center;
 
+}
 
+tbody td:nth-child(5n) {
 
+	text-align: right;
 
+}
 
+tbody tr:nth-child(2n){
 
+	background-color: #eee;
 
+}
 
+tbody tr:nth-child(2n+1){
 
+	background-color: #fff;
 
+}

+ 51 - 0
03.07.2017/5/index.html
查看文件 

@@ -0,0 +1,51 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<link rel="stylesheet" href="css/style.css">
 
+	<title>The fifth task</title>
 
+</head>
 
+<body>
 
+	<table border="1">
 
+		<thead>
 
+			<tr>
 
+				<td>Firstname</td>
 
+				<td>Lastname</td>
 
+				<td>Gender</td>
 
+				<td>Salary</td>
 
+				<td>Info</td>
 
+			</tr>
 
+		</thead>
 
+		<tbody>
 
+			<tr>
 
+				<td>John</td>
 
+				<td>Doe</td>
 
+				<td>male</td>
 
+				<td>$1000</td>
 
+				<td>Some info</td>
 
+			</tr>
 
+			<tr>
 
+				<td>Jane</td>
 
+				<td>Doe</td>
 
+				<td>female</td>
 
+				<td>$2000</td>
 
+				<td>Some other info</td>
 
+			</tr>
 
+			<tr>
 
+				<td>Adam</td>
 
+				<td>Smith</td>
 
+				<td>male</td>
 
+				<td>$3000</td>
 
+				<td>---</td>
 
+			</tr>
 
+			<tr>
 
+				<td>Karl</td>
 
+				<td>Marx</td>
 
+				<td>male</td>
 
+				<td>$4000</td>
 
+				<td>---</td>
 
+			</tr>
 
+		</tbody>
 
+	</table>
 
+</body>
 
+</html>