Below are some examples of common CSS properties and what they do. It is by no means an exhaustive list of CSS properties, but it is a good place to start.
CSS Property | Definition | Default Value |
---|---|---|
font-size |
Changes the size of the font. | medium or 20px |
color |
Changes the text color. | black |
font-family |
Changes the font types. | Depends on the browser |
background-color |
Sets the color of the background of an element. | transparent |
text-align |
Aligns the text within an element. | left |
Adding CSS to the HTML page about Space Plants is the logical next step in building a website about this cool discovery.
The astronauts building the site used the body
, h1
, and p
selectors to change some of the styling of those elements.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html>
<html>
<head>
<title>Plant-Loving Astronauts</title>
<style>
body {
background-color: cornflowerblue;
}
h1 {
color: green;
}
p {
font-size: 18px;
}
</style>
</head>
<body>
<h1>Space Plants Are Cool</h1>
<p>NASA discovers that plants can live in <b>outer space</b>. More innovations from this discovery to follow.</p>
<img src = "space-flower.jpg" alt = "Flower floating in space.">
<!-- This image was taken by NASA and is in the Public Domain -->
</body>
</html>
|
Question
Find a CSS property and give its name, definition, and default value. Please do NOT use one of the ones above.