Принцип работы CSS очень простой, в нем может разобраться пятиклассник школы в Камбодже. Эти таблицы были созданы с целью облегчить веб-дизайнерам работу со стилями. Когда стили прописаны внутри HTML-документа, получается непонятное нагромождение.
А если разместить стили, как мы это сделали в прошлой статье в отдельный документ, то все становится гораздо проще. Чтобы наглядно продемонстрировать вам подключение таблицы стилей, я буду использовать мой любимый онлайн-редактор Codly.
Кодли очень удобен, особенно для нубов :D Он даже допишет все теги за вас! На представленной ниже картинке присутствует исходный код HTML с текстом.
А вот что можно намудрить путем применения таблиц стилей!
Возможности CSS в этом плане практически безграничны. В дальнейшем мы рассмотрим и другие веселости. А теперь я покажу, как прописывать те же стили по-нупски в документе.
Кстати, если вы хотите вынести это все в отдельный файл, то придется прописать в <head> дополнительную строку. Об импорте CSS-файла расскажу в следующей статье. Всем бобра :D