Tutorialul CSS pentru începători ! ASAMBLAREA FINALĂ !

Cu documentul HTML, pe care l-am făcut în cadrul tutorialul HTML pentru începători , adăugând şi linia de cod de la începutul tutorialului CSS pentru începători, cu ajutorul căreia legam documentul CSS de documentul HTML, avem construită o pagină web. Ar trebui să fiţi mândri!

Să nu uit! Codul de mai jos, este rezultatul tutorialului CSS pe care tocmai l-am parcurs împreună. Pune-ţi acest cod in fişierul vostru css, încărcaţi pagina web (documentul html) în browser, şi observaţi ce aţi realizat.Presupun că ştiti acum proprietăţile folosite, fiecare ce înseamnă şi ce face, vă sugerez să schimbaţi în codul CSS, marimi, cote sau ce doriţi, astfel veţi înţelege şi mai bine cum se lucrează, şi plus de asta o să vă descoperiţi propriile gusturi în ceea ce priveşte designul!

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;
}