CSS це нічого, окрім кольорів і типу шрифту?

Крім зміни виду: кольори, типу шрифту і т. п., CSS можна використовувати також для керування настройками сторінки та поданням (поля, спливання, вирівнювання, ширина, висота і т. д.). Регулюючи різні елементи за допомогою CSS, ви можете відображати ваші сторінки елегантно і точно.

Приклад 3:

<p style="padding: 25px; border: 1px solid red;">Мені подобається CSS</p>

буде виглядати в браузері:

Мені подобається CSS

За допомогою властивості float елемент може "спливати" вправо або вліво. Це ілюструє наступний приклад:

Приклад 4:

<img src="bill.jpg" alt="Bill Gates" style="float:left;" /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat...</p>

буде виглядати в браузері:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat...

У цьому прикладі один елемент (зображення) спливає ліворуч, а інший елемент (текст) заповнює інше.

За допомогою властивості position ви можете помістити елемент точно в потрібному місці на сторінці:

Приклад 5:

Показати приклад

У цьому прикладі зображення міститься на 50 пікселів знизу і на 10 пікселів справа у вікні браузера. Але ви можете помістити його так само точно в будь-якому іншому місці. Спробуйте. Дуже легко і дуже круто, а?

"Круто", так. Але "легко"?

Ви не вивчите CSS за 10 хвилин. І, як ми говорили, цей урок - лише короткий вступ. Пізніше ви можете прочитати Підручник CSS.

Тепер зосередимося на HTML і перейдемо до наступного уроку, де ви дізнаєтеся, як показати ваш web-сайт в іетернеті, щоб його побачив весь світ!

Урок 13: Публікація сторінок

Припустимо, ви вже створили свою сторінку / сайт, але вона поки що лежить у вас на комп'ютері, тому що ви не маєте уявлення про те, як розмістити її в Інтернеті. Не впадайте у відчай, все не так складно, як здається на перший погляд.

По-перше, нам треба вирішити платно або безкоштовно ми хочемо розміщувати свою сторінку / сайт. Для цього нам треба зрозуміти, за що, власне, ми платимо.

1 - Що таке хостинг і де взяти місце під сторінку
2 - Як зареєструвати місце під сторінку, що таке домен, як завести унікальне ім'я для сайту
3 - Як закачати ваші файли (картинки, html-документи тощо) на ваш сайт. Програми для закачування.
4 - Напуття