Transcript Capitolo 5

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