Уеб уроци и ресурси по HTML,
CSS, CSS3, JavaScript и други

CSS е известен с богатото си разнообразие от свойства, чрез които изключително лесно можем да подобрим стила на нашата уеб страница.

Предполагам, че си попадал/а на уеб страница, която използва страхотна снимка за фон. В един сайт снимката е пейзаж, който ти дава чувството на свобода, в друг пък, текстура която придава определен стил.

Дали ще бъде определен цвят или снимка, всичко това разбира се зависи от сайта и неговите посетители, но едно може да бъде казано за всички тях: “Правилният избор на фон обогатява изживяването в страницата и оставя у посетителя спомен, който трае дълго след като я напусне”.

В следващите два урока ще ти помогна да овладееш CSS свойството background и ще се постарая да разясня всичко, което трябва да знаеш за него.

В последните два урока описах подробно два от методите на прилагане на CSS към нашата уеб страница. Този урок описва третият и последен метод, който смея да твърдя, че е най-широко използваният метод, защото може да бъде приложен върху неограничен брой страници, което го прави изключително ефикасен и лесен за употреба.

Метода, който ще разгледаме в този урок е прилагане на CSS чрез външен файл (External Style sheet).

В предишния урок разгледахме същността на CSS и използвахме първият от трите метода на прилагане на CSS към нашата уеб страница.

Видяхме, че прилагането на CSS чрез атрибута style не е най-ефикасния начин за стилизиране на уеб страница. За щастие има други два метода, които до голяма степен намалят времето на работа и увеличават продуктивността. Това значи, че с по-кратък код ще постигнем по-добри резултати.

Метода, който ще разгледаме в този урок е прилагане на CSS чрез xHTML елемента <style>.

След като вече придоби основни познания по xHTML и създаде своята първа уеб страница е време да подобриш стила ѝ. Основната цел при използването на xHTML бе да създадем “скелета” на нашата страница или по-точно казано, да определим мястото на всеки един от елементите. CSS от своя страна ще ти помогне да обогатиш стила (визията) чрез промяна на цвета, големината, шрифта, разстоянието между елементите и много други.

Изображенията ни помагат да “кажем” неща, които много трудно бихме могли да опишем с думи. Както гласи една известна народна мъдрост – “Една снимка казва повече от 1000 думи”. Може би това е причината голяма част от уеб сайтовете да използват изображения не само като средство за комуникация, но и за обогатяване на дизайна.

В този урок ще разгледаме основните техники за работа с изображения в xHTML.