Правила написання css

Правила написання CSS

Дану статтю зрозуміють тільки ті, хто знайомий з основами CSS, тому, якщо Ви не знаєте, що це таке, то спочатку почитайте інші статті на цьому сайті.

Цього разу мені хочеться дати Вам декілька порад про правилах написання CSS. багато Web-дизайнери використовують CSS неправильно. І якщо при невеликому коді - це не страшно, то якщо стиль вже розтягнутий на сотні, а то й тисячі рядків, то настає момент, коли дизайнер уже не розуміє, що відбувається. І ледве-ледве на соплях і сяк-так, до кінця спотворюючи код, доводить справу до "завершення". В результаті, ні про яку якість і стабільності роботи і мови йти не може. Ось щоб звести цей фактор до мінімуму (бо повністю знищити його все одно не вийде), хочу дати Вам декілька порад з написання стилів CSS.

Відео: Написання CSS

Правило написання CSS №1 - Забийте на порядок

Багато дизайнерів використовують порядок написання стилів, щоб задавати різні пріоритети. Тобто якщо ми напишемо дві властивості з різними значеннями в одному типі CSS стилю (inline-стиль, впроваджений стиль та інші), то буде застосований той стиль, який написаний нижче. Причому, це стосується не тільки до властивостями, але і до селекторам. Тобто часто на різних сторінках, в різних порядках підключається стилі, щоб кожна сторінка застосовувала в підсумку свої. Зрозуміло, це вкрай погано, тому що якщо випадково порушити порядок, то помилка проявиться (і найстрашніше - не факт, що відразу), і знайти її буде досить важко. До того ж, велика ймовірність дублювання, а це вже "бруд", Яка, в кращому випадку, просто збільшить розмір файлу, а в гіршому дасть збій в найнесподіваніший момент. Тому уникайте вплив порядку по максимуму!

Правило написання CSS №2 - Не бійтеся спадкування




Чомусь більшість Web-дизайнерів бояться спадкування, але ж воно допомагає здорово скоротити і спростити CSS стиль. Замість цього, дизайнери ставлять величезну кількість багаторівневих контекстних селекторів. І так для кожного елемента на сторінці. Без спору це треба, але лише тоді, коли необхідно перевизначити основний стиль, а писати для кожного елемента (іноді навіть один і той же) - це дуже погана ознака.

Правило написання CSS №3 - Дотримуйтесь свій стиль

Дуже важливим правилом є дотримання власного стилю написання. Наприклад, у мене стиль написання такої:

Відео: Написання ефективного коду css

b {
font
-size:120% -
}

p
{
color
: red-
font
-size:80% -
}



Тобто у мене правила такі: назва селектора, пробіл, фігурна дужка, з наступного рядка табуляція, назва властивості, двокрапка і через пробіл значення. Якщо є інші властивості у селектора, то з наступного рядка, через табуляцію, знову назва властивості, а через двокрапку і пробіл - значення. Усе селектори (В моєму прикладі - b і p) Я відділяю символом нового рядка. Ось такий мій стиль написання стилів. Ще рекомендується писати селектори за алфавітом - це теж правильно, і я останнім часом так їх і пишу. Але головне - це дотримуватися свій власний стиль завжди і всюди. Тому що багато його змінюють кожним днем, а потім у них не може сприйняття того, що вони понаписували.

Правило написання CSS №4 - Використовуйте коментарі

Це правило, яке дотримуються воістину одиниці, до яких навіть я не належу (хоча намагаюся виправлятися). Багато хто скаже використання коментарів - це не дуже добре, тому що, по-перше, вони збільшують розмір файлу, а, по-друге, навіщо на них витрачати час, якщо даний стиль потрібен тільки мені, і ніхто більше на нього дивитися не буде. Обидва думки помилкові: перше тому, що ніхто Вас не змушує писати цілі томи, а 4-5 слів для кожного селектора збільшать в середньому не більше, ніж на 10%. А друга думка помилково тому, що ніхто не знає, як буде розвиватися Ваш сайт. І якщо він буде відвідуваним, і Вам прийде в голову змінити дизайн, то буде погано для людини, якого Ви візьмете. Або якщо самі захочете змінити дизайн, то теж краще не буде, так як Ви вже забудете: де, що і навіщо знаходиться. Тому намагайтеся коментувати те, що пишіть, частіше.

Правило написання CSS №5 - Файл скидання

Дане правило залишається під сумнівом, хоча, без спору, воно є правильним, ось тільки використовувати його чи ні я залишаю на Ваш розсуд. Полягає воно в наступному: необхідно створити CSS файл (reset.css), Який буде скидати все стилі, застосовані до стандартних елементів HTML. Наприклад, прибрати жирне накреслення у тега або прибрати більший розмір тексту у заголовків . Тобто просто знищити форматування HTML-документа. Це добре, так як Ви будете точно знати, що ніяких сюрпризів не буде, і Ваш код будь-який браузер сприйме на "Ура", А вже звідси можна потихеньку нарощувати файл стилів.

Користуватися чи ні даними радою - вирішувати Вам, але, на мій погляд, це дуже велика втрата часу. І в підсумку, Вам все одно доведеться ставити ті стилі, які Ви спочатку видалили.

От і все правила написання CSS, про які я хотів Вам розповісти в цій статті. Якщо Ви будете дотримуватися цих правил, то гарантую, що з брудним кодом буде покінчено!

Поділися в соціальних мережах:

Схожі
Тестування php-скриптів через curlТестування php-скриптів через curl
Функції форматного виведення в phpФункції форматного виведення в php
DroidscriptDroidscript
Сайт з www і безСайт з www і без
Валідність html-кодуВалідність html-коду
Вийшла книга "створення сайту від початку і до кінця"Вийшла книга "створення сайту від початку і до кінця"
CssCss
Raspberry pi тепер підтримується в fedora 25Raspberry pi тепер підтримується в fedora 25
Що таке postcss.Що таке postcss.
Що таке анкор?Що таке анкор?
» » Правила написання css