За да си направите някаква страничка чрез код Ви е необходим HTML, xHTML код. В тази тема са показани основите и принципите на този език -
[You must be registered and logged in to see this link.] Може да се каже, че в днешно време HTML е основата на един професионален уеб сайт/страница , но все по често се използва за структуриране на страницата и до там..
След това идва "украсяването" на страницата и за тази цел най-често се използва друг език - CSS
Какво е CSS.CSS идва от съкращението Cascading Style Sheets и предтавлява отделен език, който ни помага да променяме външния вид на нашата xHTML страница.
CSS е нещо като “надбавка” към HTML т.е. уеб страницата може да съществува сама по себе си дори и без помоща на CSS. CSS обаче не може да съществува без наличието на уеб страница, защото CSS се използва, за да промени стила на желания HTML елемент.
Как се вкарва CSS код в xHTML страница.Начините са 3:
- Чрез атрибута style в отварящия таг на даден елемент;
- Чрез елемента <style> в раздела <head> на html документа;
- Чрез външен Style sheet.
Ще Ви обясня последния начин за задаване на CSS, защото е най-удобен за повечето кодери и е на отделен текстов документ.
Създаване на външен CSS файлНяколко прости стъпки са:
- Трябва да отворите нов раздел/страница на текстовия редактор, който ползвате, примерно Notepad++.
- Съхранявате празния документ в същата директория, където е Вашия .html документ (за по удобно) с разширение .css
- И накрая за да свържете двата документа, за да може кода да е ефикасен - в html документа в <head> тага се пише следния линк - <link href="style.css" rel="stylesheet" type="text/css" />
И вече почвате да си стилизирате страничката в отделен документ.
HTML = структура, CSS = външен вид! Запомнете това и никога не го забравяйте. Какво означава това ли? Чрез HTML казвате кое е заглавието, кое е цитатът, кое е основният текст, кое е таблицата с цифрите от годишния отчет, т.е. подреждате своите страници. Чрез CSS казвате какъв и колко ще е голям шрифтът на заглавието, какви ще са полетата около текста, колко високо трябва да говори браузърът, когато чете текста за слепия потребител, т.е. оформяте начина, по който се показват страниците (на екрана, на хартия или през слушалките).
CSS е наистина мощно средство за оформяне на външния вид на страниците. Не можеш да кажеш на добрия, стар HTML : "Искам параграфът ми да е изравнен и от двете страни, да е с шрифт Times New Roman, височина на буквите 24px, разстоянието между редовете два пъти, колкото височната на буквите и след него да има 100px празно място." Единственото, което беше възможно, бе да се постигне известно сходство (винаги далечно) с описаното и то чрез огромни количества тагове, трикове и в краен случай GIF файлове.
Е, вече няма нужда да си трошите китките, клавиатурите и мишките в безкрайни часове на борба с кода на страниците, за да постигнете и най-простите ефекти. Cascading style sheets ви предлагат бърз, лесен и ефективен начин да постигате този външен вид, от който се нуждаете.
За момента е това. В някоя друга тема ще Ви покажа най-простичките тагове в CSS-a.
Не съм правил снимки към темата, защото я писах набързо, ако някой има въпроси да драска..