2014 m. rugsėjo 3 d., trečiadienis

css

Didžiųjų/mažųjų raidžių keitimas su css:
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
Išdėstymas kai: #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