Post on 27-Mar-2015
1
Ripasso
2
Proprietà del testo
body {
font-family: Verdana, Geneva, Arial, sans-serif;
}
Ciao Ciaosans-serif serif
3
body {
font-size: 14px;
}
px em % xx-small
x-small
small
medium
large x-large
xx-large
Proprietà del testo
4
body {
color: silver;
}
body {
color: #C0C0C0;
}
body {
color: rgb(192,192,192);
}
Proprietà del testo
5
body {
font-weight: bold;
}
lighter normal bold bolder
Proprietà del testo
6
body {
text-decoration: underline;
}
none underline overline line-through blink
Proprietà del testo
7
body {
font-style: italic;
}
italic oblique
Proprietà del testo
8
Bordo
body {
border-width: 1px;
border-style: solid;
border-color: #cc00cc;
}
body {
border: 1px solid #cc00cc;
}
9
Bordo
body {
border-width: 1px;
border-style: solid;
border-color: #cc00cc;
}
body {
border: 1px solid #cc00cc;
}
Border width px thin medium thick
10
Bordo
body {
border-width: 1px;
border-style: solid;
border-color: #cc00cc;
}
body {
border: 1px solid #cc00cc;
}
Border style solid dotted double groove outset dashed inset ridges
11
Padding vs Marginp {
background-color: yellow;
border: 2px solid blue;
padding: 30px;
margin: 30px;
}
12
Background
body {
background-image: url(img/haha.jpg);
}
13
Background
body {
background-image: url(img/haha.jpg);
background-repeat: no-repeat;
}
14
Background
body {
background-image: url(img/haha.jpg);
background-repeat: no-repeat;
background-position: top right;
}
15
Proprità del testo
p {
text-align: justify;
}
left right center justify
NewNew
16
Proprità del testo
p {
text-indent: 30px;
text-align: justify
}
NewNew