Skip to content

Commit 223ae7b

Browse files
committed
Finished basic tutorial @SheynD send this out when you get a chance
1 parent 9196c68 commit 223ae7b

File tree

3 files changed

+13
-3
lines changed

3 files changed

+13
-3
lines changed

README.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -38,18 +38,18 @@ Style sheets are comprised of *rules*. A *rule* consists of one or more *selecto
3838
Selectors target elements and declaration blocks modify the style of those elements. Let's say you want to change all the text in ```<p>Hello World!</p>``` to blue and 35px. This code would accomplish that:
3939

4040
```p {
41-
font-size: 15px;
41+
font-size: 35px;
4242
color: red;
4343
}```
4444
45-
To take a step back, you might be wondering where to put this code. You can either declare it between ```<style> </style> ``` tags in your header, inline: ```<p style="color: red; font-size: 15px;" ```, or in a separate file, which is the most common.
45+
To take a step back, you might be wondering where to put this code. You can either declare it between ```<style> </style> ``` tags in your header, inline: ```<p style="color: red; font-size: 35px;" ```, or in a separate file, which is the most common.
4646
4747
To create the file needed, open your favorite text editor (which should be [Sublime](http://www.sublimetext.com/) by now). Create a new file and save it as style.css. If you're using a halfway-decent text editor, you'll notice different colors based on the style.
4848
4949
Next, implement the style change listed above:
5050
5151
```p {
52-
font-size: 15px;
52+
font-size: 35px;
5353
color: red;
5454
}```
5555

index.html

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<html>
2+
<head>
3+
<link rel="stylesheet" type="text/css" href="style.css">
4+
<title>ACM Workshop Test</title>
5+
</head>
6+
<body>
7+
<p>Hello world!</p>
8+
</body>
9+
</html>

style.css

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
p { font-size: 35px; color: red; }

0 commit comments

Comments
 (0)