Seven CSS Beginner tutorial summary: attributes combined to use

css| Tutorial

If you're finished with the HTML beginner tutorial, you can learn the CSS beginner tutorial and use CSS to work with HTML styles.

The following code covers all aspects of the beginner tutorial, saving the following CSS file and viewing the connected HTML in the browser, you can see the use of each CSS attribute. The best way to learn is to understand the CSS files that work on HTML, and change what happens to CSS HTML.

body {font-family: arial, helvetica, sans-serif;font-size: 80%;color: black;background-color: #ffc;margin: 1em;padding: 0;}/* By the way, this is a comment */p {line-height: 1.5em;}h1 {color: #ffc;background-color: #900;font-size: 2em;margin: 0;margin-bottom: 0.5em;padding: 0.25em;font-style: italic;text-align: center;letter-spacing: 0.5em;border-bottom-style: solid;border-bottom-width: 0.5em;border-bottom-color: #c00;}h2 {color: white;background-color: #090;font-size: 1.5em;margin: 0;padding: 0.1em;padding-left: 1em;}h3 {color: #999;font-size: 1.25em;}img {border-style: dashed;border-width: 2px;border-color: #ccc;}a {text-decoration: none;}strong {font-style: italic;text-transform: uppercase;}li {color: #900;font-style: italic;}table {background-color: #ccc;}