CSS
CSS is a styling part of adding onto HTML. CSS can do a lot of things, adding color to text, adding a background color, and more!
Here is the HTML example with CSS added:
This website is about hacking!
Do you know anything about hacking?
Here is the HTML code that made this:
<div id="css-examp"> <div id="css-examp-title"><p><center>Welcome to my website!</center></p></div> <p>This website is about <strong class="hacking">hacking</strong>!</p> <p>Do <strong>you</strong> know anything about <strong class="hacking">hacking</strong>?</p> <center><img src="pictures/hacking.gif" alt="hax" width="300"></center> </div>
Here is the CSS code that made this
#css-examp {
background: gray;
padding: 5px;
}
#css-examp p {
color: black;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.hacking {
color: red;
}
#css-examp {
background: gray;
padding: 5px;
}
The command, "background:;" means that the background in that div is going to be a certain color. Since the full command is, "background:gray;" the background will be gray.
The command, "padding:;" tells the div how much space is needed along the borders. In this case, there is a 5px padding on each side.
#css-examp p {
color: black;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
The command "color:;" tells the website what color the text should be while it is in that div. In this case, the command is "color:black;" so therefor the color of the text is black.
The "font-family:;" command tells you what sort of font to use in the text. In this case is using the serif font, Palatino Linotype.
.hacking {
color: red;
}
The same thing as before, the command "color:;" tells the text what color it should be and in this case it is red.