העמוד הבא מכיל את כל הקוד שלמדת עד עכשיו, שמור את הקוד בעמוד ה –CSS שלך.
הדרך הטובה ביותר להבין את הקוד היא דרך ניסיון מעשי, רק בצורה זו תוכל ללמוד את שפת CSS. במידה ואין לך קובץ HTML, שמור את הקובץ המוצג באתר HTMLGuide תחת עמוד HTML לדוגמא וקשר בינו לבין עמוד ה- CSS שלך.
- body {
- font-family: arial, helvetica, sans-serif;
- font-size: 80%;
- color: black;
- background-color: #ffc;
- margin: 1em;
- padding: 0;
- }
- /* דרך אגב, זוהי הערה שניתן להכניס בצורה חופשית בקוד CSS */
- 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;
- }
עמודים רלוונטים
- מדריך HTML למתקדמים מתוך HTMLGuide.
- גבולות ב- CSS
- עמוד HTML לדוגמא מתוך HTMLGuide.