02.CSS Presentation – Homework

Това са задачките от втората лекция за CSS. Като цяло задачите не бяха трудни, но последната с калкулатора си беше играчка 🙂 Задачите са следните:

  • Първа задача – Страничката с параграфа с Lipsum

Picture1

Линк към JSFiddle – Source code

  • Втора задача – Розовата страница

Условието на тази задача е по вече написан HTML&CSS да допълним CSS кода и да се получи следното:
Picture1

Линк към JSFiddle – Source code

  • Трета задача – 60 вложени div-a

Условието на задачата изисква чрез 60 вложени дива да направи следният ефект.
Picture1

Линк към JSFiddle – Source code

  • Четвърта задача – Windows калкулатор

Тази задача беше най-пипкава и най-сложна от всичките. Някои от колегите я бяха решили с таблици, но аз съм я решил с div-ове. Стори ми се по-лесно така. Трябва да получим следния резултат exactly 1 към 1.
Picture1

Линк към JSFiddle – Source code

Линк към всички решения архивирани в .zip архив – Dropbox
Това са моите решения на задачите. Ще се радвам да споделите вашите решения, мнения и препоръки в коментарите. 🙂

Advertisements

Вашият коментар

Попълнете полетата по-долу или кликнете върху икона, за да влезете:

WordPress.com лого

You are commenting using your WordPress.com account. Log Out / Промяна )

Twitter picture

You are commenting using your Twitter account. Log Out / Промяна )

Facebook photo

You are commenting using your Facebook account. Log Out / Промяна )

Google+ photo

You are commenting using your Google+ account. Log Out / Промяна )

Connecting to %s