Съвети за работа с вашите CSS3 стилови листове

КАСКАДНИ СТИЛОВЕ

След като дефинираме структурата на нашия уебсайт и разработим DOM По точен начин е важно да се дефинират стиловете му, той е и най-креативната област и в която можете да персонализирате с най-висока степен на точност до последния ъгъл на вашия уебсайт. Каскадните таблици със стилове са най-подходящото решение, но за всички, които правят първото си навлизане в света на уеб разработката, има няколко съвета, които трябва да се вземат предвид, за да се постигнат най-добри резултати.

За да се получи професионален резултат, типичен за осветения преден край, е необходимо да се вземат предвид някои аспекти като ред, четливост и корекция на най-често срещаните грешки в този тип практика. Споделям по-долу пет съвета много основни, но в същото време много важни за лечението и оптималната конфигурация на нашите CSS таблици със стилове.

Уверете се, че сте установили ефективен ред и структура във вашите CSS3 таблици със стилове

Винаги разделям таблиците си със стилове в йерархичен ред. На първо място обикновено прилагам общи селектори и след това продължавам да добавям декларациите на html селекторите и накрая продължавам да работя вътре в идентификаторите на контейнерите и второстепенните елементи. По принцип смлян следвайте логиката на DOM и започвайки от родителите, за да завършите с децата. Можем обаче да следваме и друга формула или ред, например можем да групираме нашите селектори и декларации, като отчитаме тяхната функция. Всичко ще зависи от това какви са нашите предпочитания и как се чувстваме по-комфортно при работа.

Изберете ясни и кратки имена за всеки от вашите селектори

Има нещо много важно, което трябва да вземете под внимание, и това е, че CSS3 се различава при използването на главни и малки букви, така че писането на дума с главна буква може да означава нещо различно и да причини грешки. Най-лесното е винаги да използвате малки букви, за да избегнете този тип проблеми. Също така опитайте изберете имена за вашите класове и вашите лични документи, които са ясно разпознаваеми и че не ни правят изводи за съмнения или грешки.

Не забравяйте да добавите уточняващи коментари

Със сигурност трябва да споделите вашите файлове с други хора, може би с вашия клиент или колеги от вашия работен екип, като дизайнери на оформление, други дизайнери или разработчици. Поради тази причина е много важно да се обърне внимание на конструкцията и да се осигури чисто и подредено покритие. Поясняващите коментари ще помогнат на всеки, който има достъп до нашата таблица със стилове, бързо да се ориентира с един поглед. Всеки вид наблюдение, което трябва да се вземе предвид трябва да се показва като съдържание. Не забравяйте, че можете да включите съдържание както във вашия Html файл, така и във вашия CSS файл и че и в двата случая това са коментари, които логически няма да бъдат отразени в крайния резултат и ще бъдат видими само при достъп до изходния код на същия, така че те може да бъде много полезно.

Винаги прилагайте нулиране във вашите таблици със стилове

Всеки браузър има своя стил по подразбиране, така че за да се избегнат грешки или промени в зависимост от браузъра, в който се преглежда нашата страница, е много полезно и препоръчително нулирайте вашите таблици със стилове. Има няколко алтернативи. Таблицата за стилове за нулиране на Eric Meyer може да бъде много добър вариант.

Изберете най-ефективния инструмент

Има много инструменти, които можете да използвате, за да бъдете възможно най-ефективни, когато работите върху дизайна на вашия уеб сайт. От създаването на Wireframes до разработването на структурата на вашия сайт, както и всички видове приложения, включително Adobe Photoshop, Illustrator или Fireworks. Освен това имате много професионални редактори, които са едни от най-препоръчваните (поне този, който използвам) Възвишен текст или, в противен случай, Adobe Dreamweaver тъй като те осигуряват много прости интерфейси с висока степен на личност, както и възможност за работа с нашите кодове чрез система за бърз достъп и със система за автоматично довършване, която ще ни помогне да спестим повече от 70% от времето, което бихме използвали с редактор на традиционен обикновен текст.


Съдържанието на статията се придържа към нашите принципи на редакторска етика. За да съобщите за грешка, щракнете върху тук.

Коментар, оставете своя

Оставете вашия коментар

Вашият имейл адрес няма да бъде публикуван.

*

*

  1. Отговорен за данните: Мигел Анхел Гатон
  2. Предназначение на данните: Контрол на СПАМ, управление на коментари.
  3. Легитимация: Вашето съгласие
  4. Съобщаване на данните: Данните няма да бъдат съобщени на трети страни, освен по законово задължение.
  5. Съхранение на данни: База данни, хоствана от Occentus Networks (ЕС)
  6. Права: По всяко време можете да ограничите, възстановите и изтриете информацията си.

  1.   Марга Санчес каза той

    Благодаря за съветите, запален съм по дизайна и всички съвети са добре приети. Продължавай.
    Благодаря ти!!!