CSS въведение: селектори, стилове, класове – Домашни

html5-css3

След курса по HTML основи, логично преминаваме в CSS, за да се научим да правим всякакви шарении и глезотии 😀 .  В първата тема – CSS въведение: селектори, стилове, класове , ни бяха представени основните механизми на CSS, начини за избиране на дадени елементи, важност на CSS правилата и т.н. В следващите няколко реда ще представя моите решения и логиката ми зад тях.

Задача 1 – Simple Ticket

Тук създавам структурата с таблица ( може и без, но за това се изискват знания, които още нямаме ), слагам класове на текста с един и същ цвят, и добавям точката, чрез картинка ( може да се направи и само с CSS ).
За сваляне от DropBox: – Цък

HTML и CSS в jsFiddle: –  Цък

Задача 2 – Simple Styled Table

В общи линии пак създавам структурата с таблица, стилизирам заглавните клетки с нужния фон, използвам някои от новите псевдо селектори за останала стилизация ( Примерно да се редува оцветяването на редовете през едно ).
За сваляне от DropBox: – Цък

HTML и CSS в jsFiddle: – Цък

Задача 3 – Simple Web Page

Целта ( според мен ) тук е да стилизираме предоставения ни HMTL без да го променяме. За целта използвам новите CSS3 селектори.
За сваляне от DropBox: – Цък

HTML и CSS в jsFiddle: – Цък

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s