Закажи “Сайт под ключ” и получи

в подарок:

  • Домен !
  • Хостинг !
  • 10% скидки на следующий заказ !

Статьи

Что такое CSS , преимущества и недостатки

Здравствуйте, думаю если вы читаете эту статью значит вы уже имеете базовые знания HTML, и объяснять что такое теги мне не предстоит.  Сегодня я хочу рассказать вам о том, что такое CSS, о его преимуществах и недостатках.

CSS (Cascading Style Sheets  в переводе от Английского языка означает — каскадные таблицы стилей) — они используются для описания внешнего вида веб-страницы, написанного языком разметки. CSS стили используются для оформления веб-страниц и чаще всего они используются для формата  HTML и XHTML, но также могут применяться и с документами в формате XML. CSS стили хранятся  в отдельном документе, который имеет формат «имя.css» это дает возможность воспользоваться одними и теми же стилями, но уже к разным страницам.

Расскажу немного  предыстории.

С самого начала HTML предназначался лиш для передачи сематики документа  и его структуры. В те времена все браузеры должны были отображать только макет (основную структуру сайта) не имеющую как сейчас различных картинок и множества стилизаций. Но вскоре все резко изменилось, и пришли эти изменения тогда, когда два крупнейших браузера в то время Netscape и Internet Explorer ввели поддержку своих тегов, таких как верстка, один давал возможность вставлять в код изображения, а другой придавал шрифту цвет. Но в итоге эти изменения привели к огромным проблемам в отображение тегов в других менее известных браузерах. Вот тогда в мире и началась глобальная война за кроссбраузерность, которая мучит разработчиков и в наше время. Это мучило всех и доставляла множество проблем, и тогда W3C всерьез взялась за эту проблему и ее решение не заставило себя ждать. Было принято решение отделить содержание страницы от визуального оформления. В 1996 году W3C создало CSS. Все основные браузеры в самые быстрые сроки приняли данное решение. Но CSS не было идеальным и поэтому в 1998 году выходит новая доработанная W3C версия CSS 2.0, а после чего и CSS 2.1. Думаю сейчас уже ни для не секрет, что медленными но уверенными шагами на свет выходит CSS 3.0. Новый стандарт принесет достаточно много значимых изменений, которых уже так долго все ждали. Некоторые возможности нового CSS 3.0 уже работают во всех последних версиях браузеров.

Преимущества CSS

Простота использования.

Каскадная таблица стилей (CSS) позволит быстро изменить стиль вашего сайта,  так, как все стили пишутся в одном .css файле (иногда таких файлов бывает несколько), которые можно повторно использовать  для нескольких страниц одновременно. Например, чтобы изменить размер или цвет всех  Заглавий на всех ваших страницах, вам не придется лезть в каждую страницу по отдельности, выискивать там код и изменять его, вам будет достаточно лиш добавить в свою таблицу запись:  h1{font-size:12pt; … }, и данное свойство будет работать для всех страниц к которым подключена CSS.

Значительное уменьшение размера сайта.

Так, как мы отделяем контент (HTML код) от визуального оформления (CSS) это позволяет нам в несколько раз уменьшить размер HTML-страницы. Также вам следует знать, что после того, как вами был загружен сайт, браузер кэширует CSS-файл и в последующем стили будут используются для всех остальных страниц, то есть не придется загружать их вновь и вновь.

Дополнительные возможности стилизации.

Например, с помощью стилей можно сделать так, чтобы один блок текста, обтекал другой текст (например, это подойдет для меню), а можно сделать и так, чтобы меню было зафиксировано и оставалось на месте при прокрутке сайта.

Без табличная структура макета.

До того как на свете не было CSS все веб-мастера  использовали табличный метод верстки так, как им можно было легко спозиционировать элемент на странице сайта, но данный метод замедлял загрузку страниц, код был слегка большим  и немного неправильным . С появлением на свет CSS появилась возможность верстать дивами (div) и размещать любой элемент там, где вам угодно.

Недостатки CSS

К сожалению у CSS есть и свои недостатки, недостатком CSS является ее кроссбраузерность (разное отображение в разных браузерах). Данная проблема особенно актуально в устаревших браузерах таких как IE 6.0, Opera 9 и т.д. Вот и все друзья, ждите новых интересных статей, они не заставят вас ждать.

Добавить комментарий