Vermilion
Intern
Ајде некој нека се зафати и работење со ЦСС .
Мора да имате барем основно познавање од X/HTML.
Што е CSS ?
- CSS стои за Cascading Style Sheets
- Стиловите го дефинираат прикажувањето на HTML елементите
- Стиловите беа додадени во HTML 4.0 за да решат проблем
- Екстерни стилови (External Style Sheets) можат да ви заштедат многу работа а и време
CSS синтаксата (syntax) се содржи од 3 елементи:
- selector
- property
- value
Selector е HTML елементот/тагот кој сакаш да го дефинираш, property е атрибутот кој сакаш да го промениш, и секој property има value.
Па од тука, body - selector, color - property, black - value.
Ако value ви се содржи од повеќе зборови тогаш `замотајте` ја со наводници:
Ако сакате повеќе прегледност, тогаш наредете го кодот вака:
Можете и да ги групирате повеќе selectors така што ќе ги одделите со запирка:
и од тука сите хединзи ќе ви бидат зелени.
Можете и да оставите ваши коментари за да не се изгубите во просторот.
Отварате коментар со `/*` и затварате со `*/`
За оние кои сакаат да ги знаат сите атрибути или values, ѕирнете тука.
Ќе продолжам подоцна .....
Мора да имате барем основно познавање од X/HTML.
Што е CSS ?
- CSS стои за Cascading Style Sheets
- Стиловите го дефинираат прикажувањето на HTML елементите
- Стиловите беа додадени во HTML 4.0 за да решат проблем
- Екстерни стилови (External Style Sheets) можат да ви заштедат многу работа а и време
CSS синтаксата (syntax) се содржи од 3 елементи:
- selector
- property
- value
Код:
selector {property: value}
Selector е HTML елементот/тагот кој сакаш да го дефинираш, property е атрибутот кој сакаш да го промениш, и секој property има value.
Код:
body {color: black}
Ако value ви се содржи од повеќе зборови тогаш `замотајте` ја со наводници:
Код:
p {font-family: "sans serif"}
Ако сакате повеќе прегледност, тогаш наредете го кодот вака:
Код:
p
{
text-align: center;
color: black;
font-family: arial
}
Можете и да ги групирате повеќе selectors така што ќе ги одделите со запирка:
Код:
h1,h2,h3,h4,h5,h6
{
color: green
}
Можете и да оставите ваши коментари за да не се изгубите во просторот.
Отварате коментар со `/*` и затварате со `*/`
Код:
/* Ова е коментар */
p
{
text-align: center;
/* Ова е друг коментар */
color: black;
font-family: arial
}
За оние кои сакаат да ги знаат сите атрибути или values, ѕирнете тука.
Ќе продолжам подоцна .....