Какво е CSS и CSS3

Какво е стил? Грубо казано, стилът е това, което изглежда като елемент на сайта. Например, всеки текст може да пише размер на 10 пиксела, и може да бъде 14 пиксела. Можете да пишете в черно, може да бъде синьо. Можете да подчертая / наклон / ненужното и т.н. Всичко за форматиране на текст, свързан с CSS.

Но това е само една малка част от възможностите. В цялата визуализация на всички HTML тагове отговори CSS. Дори и за динамични промени: от падащото меню, маркирайте връзките, когато задържите.

Най-често, списък на всички стилове, наречена "CSS стил лист".

CSS цели и задачи

  • Направете сайта по-красив (от гледна точка на дизайн), за да направи лесен за употреба интерфейс и лесен за сайтове някак различни един от друг
  • Отделен код на HTML код от описанието на стилове и дизайни на

синтаксис CSS

Селекторът обикновено е името на стила. Свръзките описва специфични правила. Описание винаги се извършва в съответствие с правило: името атрибут, двоеточие, стойността на. Всяко правило трябва да завършва с точка и запетая.

Можете да зададете стилове по различни начини. Нека разгледаме един пример.

Стил може да се използва за всички global_style на тагове като клас. Например,

.

STYLE1 стил може да се използва, за да маркирате само . както е посочено в font.style1 на определение.

Трето работа Аспект през решетката (#). Както и в първия случай, тя се определя за всички елементи, но това трябва да се установи не по клас, както и чрез атрибута ID:

В последния случай, ние просто е посочено име на маркер

и му е предписано стил. Това означава, че сега всички h1 тагове ще наследят стойността на този стил.

Напоследък често можете да намерите на концепцията за CSS3. В действителност това е една и съща CSS, с набор от нови аргументи, които предоставят допълнителни възможности за различни ефекти. Например, светят текст. Много браузъри не поддържат тези свойства, така че е препоръчително да се използват тези ефекти в минимални количества.

Каква е разликата между СГО и HTML?

HTML е скелета на страницата си, го свързва, изображения, съдържание. И в CSS определя как всичко това ще се показва на потребителя. Така че HTML и CSS са две различни неща, но те са свързани. Освен това, често срещана практика е да се разделят кодовете един до друг, така че да не ги смесват на една страница.

Как и къде да зададете стилове CSS

Стилът е определен в мета таговете, с помощта на стил главата етикет:

Но това е лошо, защото затрупана описание код стилове. Освен това, ако този код е еднаква за всички страници на сайта, а след това да го промените навсякъде, трябва да калайджия. Ето защо, се използват специални файлове с .css разширение, което съдържа всички стилове. Това се прави с маркер от връзка в главата на секция:

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

Това, което прави CSS (плюс)

  • Лесно е да се промени дизайна. Достатъчно, за да промените стила само на едно място, и тя се променя на всяка страница
  • Това е единственият начин да се промени дизайна
  • Простотата на език синтаксис

CSS проблеми с браузърите

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

Част от този проблем е решен "представки". В действителност това е просто една дума, застанал пред един аргумент в листа стил. Налице е префикс за всеки браузър.

  • -moz- за Firefox браузър
  • -webkit- за Chrome и Safari браузър (в двата браузъра използва същия модул за визуализация)
  • -MS-за Internet Explorer
  • -о- за браузъра Операта