реклама
Уеб дизайнът може да не е най-достъпната област за всички, но CSS и HTML могат да бъдат много полезни и това са две части от кодирането, които са наистина лесни. Искам да кажа, за да промените цвета на вашия шрифт, просто трябва да напишете: „color: red“, става ли по-лесно от това?
Всъщност, става по-трудно, но си струва да погледнете, тъй като можете да персонализирате всичко от вашия блог до документите си в Google Docs с малко малко CSS знания. Нека да разгледаме къде научите css онлайн безплатно и да получите уроци за CSS за начинаещи.
W3Schools
W3Schools е страхотен сайт. Те имат много уроци от HTML до PHP и можете да сте сигурни, че всичко, което четете, е в съответствие със стандартите, тъй като сайтът се поддържа от W3C, който отговаря за уеб стандартите днес.
CSS уроците са доста подробни и ще ви пренесат повечето от това, което трябва да знаете, но тъй като това е така повече от техническа страница ще видите по-малко примери, отколкото другаде, а примерите, които имат, са малко ограничено.
Ако вече знаете някои CSS, въпреки че това е чудесен справочен източник.
Tizag
Натъквам се на този уебсайт много, когато търся неща и прегледах техните CSS уроци, които намерих малко по-добре структурирани от W3School's. Основната информация е същата, но ако сте абсолютно начинаещ, може да искате да започнете тук.
Tizag в очите ми е малко по-малко официално. Струва ми се, че техните примери са по-близки до реалния живот и тонът е по-приятен. Има и полезни уроци на много други езици като HTML и MySQL, така че ако сте харесали CSS бита, можете да останете на същото качество на други езици.
CSS Zen Garden
Този сайт е много по-различен от сайтовете с уроци, които споменах преди. На CSS Zen Garden можете да поставите знанията си на теста или да се поучите от кода, написан от другите. Цялата идея е, че има един статичен и непроменим HTML файл и трябва да създадете отделен вид за него, използвайки само CSS.
Можете да качите работата си и тя ще бъде показана и можете да изтеглите файлове на други хора, за да разгледате как са направили това и онова. Това е наистина полезно, защото аз самият научих много повече чрез пример, отколкото чрез действително учене. Същото важи и за шаблоните на WordPress - ако ви харесва такъв, изтеглете го и надникнете в style.css, за да видите как се правят нещата.
CSS Play [Няма по-дълго време]
CSS Play е уебсайт между Zen Garden и сайтове с уроци, защото показва специфични функционалности в CSS и ви позволява да преглеждате изходния код.
Вместо да имате цяла страница или цял сайт, можете да разгледате примери за менюта с полети, примери за непрозрачност, специфични решения за IE и така нататък.
Ако имате нужда от конкретна функционалност и искате да се запознаете, този уебсайт може да е най-доброто място за стартиране. Той има справедлив дял от рекламите, което може да бъде малко разсейващо, но информацията там е солидна и много пъти кодът, или поне методът е много подробно обяснен.
Точно така, обикновена стара Търсене в Google може да бъде чудесен спътник в изучаването на CSS онлайн и намирането на CSS уроци за начинаещи. Освен че очевидно можете да изследвате неща, от които се нуждаете, можете да разгледате и как работят специфичните CSS свойства. Не знаете какви стойности може да има „преливане“? Просто напишете „css overflow“ или „css overflow property“ и първият резултат ще ви каже какво трябва да знаете.
Същото важи и за всички езици на програмиране, аз също го използвам за PHP и MySQL и не мисля, че първият резултат все още не ме е провалил.
И така, няма повече извинения, време е да научите някои CSS! Можете да добавите свои собствени шаблони на Google Docs, да променяте вашите WordPress шаблони и да правите много повече, щастливи CSS-и!