HTML, Excel, Word, SEOÎñíîâû CSS ⇒ Êëàññû â CSS

Îñíîâû CSS

Ó÷åáíèê CSS
· ×òî òàêîå CSS?
· Ñòðóêòóðà html-ñòðàíèöû
· Øðèôò: ðàçìåð è ãàðíèòóðà
· Âûðàâíèâàíèå è ïðîáåëû
· Íà÷åðòàíèå øðèôòà
· Îôîðìëåíèå ññûëîê
· Ôîðìàòèðîâàíèå ñïèñêîâ
· Êëàññû
· Èçîáðàæåíèÿ
· Ñïðàâî÷íèê àòðèáóòîâ CSS

Îñíîâû HTML

  1. Òåðìèíû è îïðåäåëåíèÿ
  2. Ïðèíöèïû WEB 2.0
  3. Ñòðóêòóðà HTML-äîêóìåíòà
  4. Îñíîâíûå ìåòàòåãè
  5. Ôîðìàòèðîâàíèå òåêñòà HTML
  6. Ñïèñêè
  7. Òåêñò ôèêñèðîâàííîãî ôîðìàòà
  8. Âûäåëåíèå ôðàãìåíòîâ òåêñòà
  9. Èçìåíåíèå ïàðàìåòðîâ øðèôòà
  10. Ãðàôèêà
  11. Òàáëèöû
  12. Ãèïåðññûëêè
  13. Èçîáðàæåíèÿ-êàðòû
  14. Ôðåéìû

Îñíîâû CSS3

  1. ×òî òàêîå CSS
  2. Ñèíòàêñèñ CSS
  3. Ñòèëåâûå êëàññû
  4. Êîìáèíèðîâàííûå ñòèëè
  5. Òàáëèöû CSS
  6. Ïðàâèëà êàñêàäíîñòè CSS
  7. Ðåêîìåíäàöèè ïðèìåíåíèÿ ñòèëåé
  8. Ïàðàìåòðû øðèôòîâ
  9. Ðàçðûâû ñòðîê, âåðòèêàëüíîå âûðàâíèâàíèå
  10. Ïàðàìåòðû ôîíà
  11. Ïàðàìåòðû àáçàöà
  12. Ïàðàìåòðû ñïèñêîâ
  13. Ïàðàìåòðû êóðñîðà
  14. Ïàðàìåòðû îòñòóïîâ
  15. Ïàðàìåòðû ðàìêè
  16. Ïàðàìåòðû âûäåëåíèÿ
  17. Ïàðàìåòðû îòîáðàæåíèÿ
  18. Êîíòåéíåðû



Êëàññû â CSS

Äî ñèõ ïîð ìû ðàññìàòðèâàëè ôîðìàòèðîâàíèå ïðè ïîìîùè CSS íåïîñðåäñòâåííûõ òåãîâ <H1>, <BODY>, <a> ... Íî â ôàéëå CSS ìîæíî îïèñûâàòü åùå è êëàññû ñ íóæíûì ôîðìàòèðîâàíèåì. Êëàññ íà÷èíàåòñÿ ñ òî÷êè, çà êîòîðîé ñëåäóåò íàçâàíèå êëàññà, êîòîðîå ìîæåò áûòü ïðîèçâîëüíûì. Îäèí è òîò æå êëàññ ìîæíî ïðèìåíÿòü ê ðàçíûì òåãàì.


Íèæå ïîêàçàí ïðèìåð ñ êëàññîì .text1, êîòîðûé ïðèìåíÿåòñÿ ê òåãó çàãîëîâêà è àáçàöà.


Ïðèìåð èñïîëüçîâàíèÿ êëàññîâ: Ïðèìåð ¹12

HTML-êîä ñòðàíèöû:


CSS ôàéë:




×òîáû íå çàïóòàòüñÿ â ôîðìàòèðîâàíèè êëàññîâ (êîòîðûõ ìîæåò áûòü äîâîëüíî ìíîãî), ðåêîìåíäóåòñÿ äàâàòü èì îñìûñëåííûå íàçâàíèÿ.



 íà÷àëî ñòðàíèöû



 íà÷àëî ñòðàíèöû