text-tramsfor: {lowercase|capitalize|uppercase}
body {
# Kad svetainės turinys neišeitų iš ilgio ribų
max-width:1200px;
# Kad svetainė butų centruota
# 0 - Viršus
# auto - Šonai (išcentruoja priskiriant tokį patį skaičių px)
margin: 0 auto;
# Kad turinys butų toliau nuo krašto sumažinus langą
padding: 60px;
}
Font-family:Trys populiariausi fontai, pagal codeacademy yra:
- font-family: Arial, Helvetica, sans-serif;
- font-family: "Times New Roman", Times, serif;
- font-family: "Courier New", Courier, monospace;
Daugiau fontų galima rasti:
http://www.google.com/fonts
Elementų išdėstymas.
Originalus išdėstynas naudojant 'display:inline;'
- 1el
- 2el
- 3el
- 4el
#isdestimas li {
display: inline;
}
- 1el
- 2el
- 3el
- 4el
Norit elementą atitraukti naudojame 'position: relative;'
selektorius {
position: relative;
top: 100px;
}
Norit pakeisti tik elementą:
- 1el
- 2el
- 3el
- 4el
#pirmas_vaikas li:first-child {
color: red;
}
<code> </code> naudojamas css.pakeistas:
code {
padding:2px 4px;
font-size:90%;
color:#c7254e;
background-color:#f9f2f4;
border-radius:4px
}
code {
display: block;
font-size: 13px;
line-height: 1.42857;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #F5F5F5;
border: 1px solid #CCC;
border-radius: 4px;
}
senas:
code {
padding:2px 4px;
font-size:90%;
color:#c7254e;
background-color:#f9f2f4;
border-radius:4px
}
code {
display: block;
padding: 9.5px;
margin: 0px 0px 10px;
font-size: 13px;
line-height: 1.42857;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #F5F5F5;
border: 1px solid #CCC;
border-radius: 4px;
}
> Css komandos :
Gražios css spalvos:
http://codepen.io/jacobgibellini/pen/aZpLRx