Revision as of 22:27, 30 January 2023

Within these castle walls be forged Mavens of Computer Science ...

— Merlin, The Coder

Intro to CSS[edit]

First off, what does CSS stand for?[edit]

CSS stands for Cascading style sheets, all that means is CSS will allow you to design and make your website unique. An example is changing the background color, or how BIG or small your text is. To do all this we will make a style sheet which is an empty HTML file named Style.css

We can make many CSS changes, but we will start with the basics.

Color[edit]

To start you need to know how to type a color so the computer can read it. All colors are written using a combination of letters and numbers. Here's a picture with some basic colors to help.

While it looks weird at first these will help you immensely. But now we will put it into action. Let's start with the background color. Here's an example:

<syntaxhighlight> body{background-color: #000000} <\syntaxhighlight>

@@ Line 1: / Line 1: @@
 = Intro to CSS =
 ==== First off, what does CSS stand for? ====
-CSS stands for Cascading style sheets, all that means is CSS will allow you to design and make your website unique. An example is changing the background color, or how BIG or small your text is.
+CSS stands for Cascading style sheets, all that means is CSS will allow you to design and make your website unique. An example is changing the background color, or how BIG or small your text is. To do all this we will make a style sheet which is an empty HTML file named Style.css
-==== Let's start with the phrase "<style>" ====
-So to even start with CSS you need to put the <style> phrase. This tells the computer when it should start reading for its own CSS changes. for example, if your code looked like this:
-p{color: #fffff }
+We can make many CSS changes, but we will start with the basics.
-<p> Hello, World! </p>
-The computer would not understand what you want. But if you put <style> it's like a START HERE button or the first page of a book.
+==== Color ====
+To start you need to know how to type a color so the computer can read it. All colors are written using a combination of letters and numbers.
+Here's a picture with some basic colors to help.
+While it looks weird at first these will help you immensely. But now we will put it into action. Let's start with the background color. Here's an example:
+<syntaxhighlight>
+body{background-color: #000000}
+<\syntaxhighlight>

Difference between revisions of "CS47"

Revision as of 22:27, 30 January 2023

Intro to CSS[edit]

First off, what does CSS stand for?[edit]

Color[edit]