cssanimations/index.html at master · hacksu/cssanimations · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <title>CSS3 Demo</title>

  <!-- This is where we tell our browser, "Hey, Browser! Look at our css file in this folder. Insert that info here and make my page pretty" -->
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

  <!-- To open this webpage you can either select a live preview setting in your text editor (Ctrl/alt/p or cmd/alt/p in Brackets) or you can locate the index.html in Finder or Windows Explorer (like, where you open My Documents) and open that with Google Chrome -->

  <!-- Below are Div Tags. A Div is a rectangular container that you can put things in, like text. With no CSS, we can't see the div because it has no color, height, or width, so we must change that.

Note: It is possible to write CSS in this index.html file. We can do that through in-line syntax, which looks like this: <div style="height:100px; width:100px; color:#ace332;"></div> This is ok sometimes but not recommended as it's harder to find errors and it makes your rewrite code a lot. It's neater and easier to have a separate CSS file. -->

  <div id="first"></div>

  <!-- In this div we see two important attributes, an ID and a class. These help specify different styles and actions in your code. In CSS, you may style an HTML element with an id by selecting it using #id, and a class is selected by .class. There are examples of this in the CSS document. -->
  <div id="second" class="circle"></div>

  <!-- This is a div with an id of third -->
  <div id="third"></div>

</body>
</html>