You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+39-2
Original file line number
Diff line number
Diff line change
@@ -29,13 +29,50 @@ Now you can start with a simple example. Copy the following code (yes, it's cons
29
29
Is the indentation necessary? No, *but*, stylistically, it makes sense to indent your tags to show depth. The usefulness will be more clear when we get to CSS.
30
30
31
31
32
+
##What is CSS?
32
33
34
+
CSS stands for Cascading Style sheets. It is a language used to format markup languages. Handily, I just introduced you to the most common markup language- HTML. Let's talk about what CSS can do.
33
35
36
+
Style sheets are comprised of *rules*. A *rule* consists of one or more *selectors* followed by a *declaration block*.
34
37
38
+
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:
35
39
36
-
##What is CSS?
40
+
```p {
41
+
font-size: 15px;
42
+
color: red;
43
+
}```
44
+
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.
46
+
47
+
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.
48
+
49
+
Next, implement the style change listed above:
50
+
51
+
```p {
52
+
font-size: 15px;
53
+
color: red;
54
+
}```
55
+
56
+
Go back to your html file and modifier the header so it looks like this:
**Javascript**. HTML provides structure, CSS enhances style, and Javascript can do pretty much everything else. Javascript is *the* programming language of the web for client-side applications.
73
+
74
+
You can use the links below to learn more before moving onto JavaScript, which is more advanced.
0 commit comments