עמוד CSS לדוגמא

העמוד הבא מכיל את כל הקוד שלמדת עד עכשיו, שמור את הקוד בעמוד ה –CSS שלך.
הדרך הטובה ביותר להבין את הקוד היא דרך ניסיון מעשי, רק בצורה זו תוכל ללמוד את שפת CSS. במידה ואין לך קובץ HTML, שמור את הקובץ המוצג באתר HTMLGuide תחת עמוד HTML לדוגמא וקשר בינו לבין עמוד ה- CSS שלך.

  1. body {
  2.     font-family: arial, helvetica, sans-serif;
  3.     font-size: 80%;
  4.     color: black;
  5.     background-color: #ffc;
  6.     margin: 1em;
  7.     padding: 0;
  8. }
  9. /* דרך אגב, זוהי הערה שניתן להכניס בצורה חופשית בקוד CSS */
  10. p {
  11.     line-height: 1.5em;
  12. }
  13. h1 {
  14.     color: #ffc;
  15.     background-color: #900;
  16.     font-size: 2em;
  17.     margin: 0;
  18.     margin-bottom: 0.5em;
  19.     padding: 0.25em;
  20.     font-style: italic;
  21.     text-align: center;
  22.     letter-spacing: 0.5em;
  23.     border-bottom-style: solid;
  24.     border-bottom-width: 0.5em;
  25.     border-bottom-color: #c00;
  26. }
  27. h2 {
  28.     color: white;
  29.     background-color: #090;
  30.     font-size: 1.5em;
  31.     margin: 0;
  32.     padding: 0.1em;
  33.     padding-left: 1em;
  34. }
  35. h3 {
  36.     color: #999;
  37.     font-size: 1.25em;
  38. }
  39. img {
  40.     border-style: dashed;
  41.     border-width: 2px;
  42.     border-color: #ccc;
  43. }
  44. a {
  45.     text-decoration: none;
  46. }
  47. strong {
  48.     font-style: italic;
  49.     text-transform: uppercase;
  50. }
  51. li {
  52.     color: #900;
  53.     font-style: italic;
  54. }
  55. table {
  56.     background-color: #ccc;
  57. }

עמודים רלוונטים