Kubilay Kahil kahilkubilay

## gist:f7eeb6f3a1ded7d75d6178e85fd0fc9e
Nesne             Özellik       |      Nesne          Davranış
kedi              renk          |      kedi           uyumak()
insan             boy           |      insan          yürümek()

## parentClass_subClass.txt
Object class > Cat class > (inheritance) Van Kedisi class, Mavi Rus Kedisi class, Fars Kedisi class
Object class > Car class > (inheritance) Mercedes class, Audi Kedisi class, Renault class
Object class > Human class > ...
Object class > Tree class > ...

## main.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Ping Pong With Javascript</title>
    <style type="text/css">
        @import'main.css';
    </style>
</head>
<body>

## main.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Ping Pong With Javascript</title>
  <style type="text/css">
    @import'main.css';
    @import'reset.css';
  </style>
</head>

## main.css
/*oyun alanı özellikleri*/
#gameArea{
  width: 100%;
  height: 100%;
  background-color: #845ec2;
}

## main.css
html, body{
  height: 100%;
}
/*oyun alanı özellikleri*/
#gameArea{
  width: 100%;
  height: 100%;
  background-color: #845ec2;
}

## main.css
/*çubuk özellikleri*/
.stick{
  width: 12px;
  height: 85px;
  background-color: #b25b00;
  position: absolute;
}

## main.css
#stickLeft{
  left: 0;
}
#stickRight{
  right: 0;
}

## main.css
/*top özellikleri*/
#ball{
  width: 16px;
  height: 16px;
  background-color: #b25b00;
  border-radius: 50%;
  position: absolute;
  top: 50%; /*seçici stilini görmek için farazi değer*/
  left: 40%; /*seçici stilini görmek için farazi değer*/
}

## main.css
/*çizgi özellikleri*/
#line{
  width: 0;
  height: 99%;
  border: 1px dashed #b25b00;
  position: absolute;
  left: 50%;
}
	Nesne Özellik \| Nesne Davranış
	kedi renk \| kedi uyumak()
	insan boy \| insan yürümek()
	Object class > Cat class > (inheritance) Van Kedisi class, Mavi Rus Kedisi class, Fars Kedisi class
	Object class > Car class > (inheritance) Mercedes class, Audi Kedisi class, Renault class
	Object class > Human class > ...
	Object class > Tree class > ...
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Ping Pong With Javascript</title>
	<style type="text/css">
	@import'main.css';
	</style>
	</head>
	<body>
	/oyun alanı özellikleri/
	#gameArea{
	width: 100%;
	height: 100%;
	background-color: #845ec2;
	}
	html, body{
	height: 100%;
	}
	/oyun alanı özellikleri/
	#gameArea{
	width: 100%;
	height: 100%;
	background-color: #845ec2;
	}
	/çubuk özellikleri/
	.stick{
	width: 12px;
	height: 85px;
	background-color: #b25b00;
	position: absolute;
	}
	/top özellikleri/
	#ball{
	width: 16px;
	height: 16px;
	background-color: #b25b00;
	border-radius: 50%;
	position: absolute;
	top: 50%; /seçici stilini görmek için farazi değer/
	left: 40%; /seçici stilini görmek için farazi değer/
	}
	/çizgi özellikleri/
	#line{
	width: 0;
	height: 99%;
	border: 1px dashed #b25b00;
	position: absolute;
	left: 50%;
	}