Интернет магазин шабонов
Форма входа

Статьи сайта

5 Причин, Почему CSS Может Быть самым трудным Языком для Всех

Веб-сайт может быть построен на нескольких веб-языках такие как HTML, CSS, JavaScript и PHP. Среди этих языков, может, все мы согласны с тем, что CSS-это самый легкий язык.
CSS определяет сайту макеты, цвета, размеры и типографику.

Но, вы можете быть удивлены, узнав, что на самом деле, CSS может быть трудным языком и очень хлопотен в определенных случаях.
Как это может быть? Ну, вот некоторые из причин.

1. Отчет Об Ошибке

Каждый веб-язык не выполнит определенные правила написания кода, когда дело доходит до написания правил стилей в CSS, они начинаются с имен селектора (обычно class, id, селекторы атрибутов), с последующей фигурными скобками и заканчивая каждую строку с точкой с запятой.
Код
.class {  
    color: #fff;  
    background-color: #000;  
}

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


2. Нет Переменных

JavaScript и PHP позволяют хранить значения переменных. Имея переменные-это экономия времени, и это делает ваш код более управляемым. Вы можете просто изменить значение переменной, чтобы сделать изменения.
К сожалению, CSS пока не имеет никаких переменных.
Код
/*======= color scheme ==========*/  
    primary              #000  
    secondary            #ccc  
    text                 #333  
    hover                #aaa

Этот подход, однако, требует дополнительной дисциплины по выполнению, и вы должны быть осторожны при изменении цвета.

3. Совместимость Браузера Кошмар

Совместимость браузера самая большая проблема в CSS, и это кошмар для веб-дизайнеров в определенных случаях.
Несмотря на опубликованный стандарт W3C, производители браузеров реализуют спецификаций CSS по-разному.

4. CSS Специфика

CSS-селекторы имеют различные уровни weight/specificity. Давайте посмотрим на этот пример:
Код
p {  
        color: #000;  
    }  
    p {  
        color: #333;  
    }

Когда два селектора с равной спецификой содержат тот же стиль, как было показано выше, той, которая приходит позже перезаписывает его предшественник. Но когда мы добавляем селектора класса, скажем .paragraph, вот так.
Код
p.paragraph {  
        color: #000;  
    }  
    p {  
        color: #333;  
    }

...независимо от его положения, абзац, который назначается с пункта класс будет иметь #000 цвет, так как он является более конкретным.

Честно говоря, CSS специфика действительно сбивает с толку. Вы должны быть внимательны при определении стиля-правил.
Может быть один селектор с более высокой специфичностью, который перезаписывает менее специфичные селекторы, оставляя вам искать виновника за несколько часов до его размещения.

5. CSS против Вашего Клиента

CSS определяет макет сайта, цветов и размеров, тесно связанные с похожестью на сайте. Здесь и кроется проблема - дизайн является субъективным. Ваш клиент может иметь различные точки зрения на "посмотреть”, и может попросить вас пойти с 1px сегодня и 5px на следующий день. Если вы имеете дело с клиентом из ада, вы обречены.
"Вы можете сделать более красный, синий? Обновить мой логотип, но сделать это все так же? Сделать его чуточку светлее или темнее, толще или тоньше?"

Разбить голову о стену, кажется, равносильней, что прогуляться в парке, когда имеешь дело с таким клиентом, как этот.

Заключение

CSS может быть, простым и относительно легко учиться. Но, мы должны быть дисциплинированными и последовательны так, что бы все стало более управляемым.


Источник: hongkiat.com
Добавлять комментарии могут только зарегистрированные пользователи.