Как да се свържете CSS стилове в HTML

Днес ще ви кажа как правилно да се свърже стилове CSS в HTML документ или на друг уеб страница.

Има много начини, за да се свържете CSS стилове на сайта, но ние ще разгледаме три от тях днес. Това е най-верните и съвсем прости техники от всички съществуващи.

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

Свържете CSS стилове на сайта! - три правилни начини!

Първо трябва да се създаде някакъв HTML документ към примера за него да се свърже CSS стилове. Нека да го направя. Ето пример непретенциозен HTML страница на:

Сега нека се свърже стиловете на първия метод, който е най-подходящ за местната регистрация на отделен раздел на интернет страницата:

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

Това ще ни помогне да се вторият начин, който ще се свърже CSS стилове за цялата страница:

Сега целия текст, който е да маркирате

Оказва жълто, което означава, че е ваш CSS стилове, че сте свързани към вашата уеб страница. Удобен е, нали?!

Но, ако имате повече от една уеб страница, и има няколко, и всичко, което трябва да се свърже със същите стилове CSS?

Тогава ние се притекат на помощ на трета начин. Той ще ни даде възможност да се свържете стилове CSS за всички уеб страници. Как да го направя? Това е доста проста. На следващия ред постави тази уеб страница: .

Това сме свързани всички стилове на нашите уеб страници, които имаме и колкото повече ние трябва да се създаде отделен файл със стилове и тя ще се нарече styles.css. И там предписват нашите стилове за всички страници на нашия уебсайт.

Сега всички наши стилове ще се прилагат за всички страници, които имаме!

А ако искате да научите как да се направи един бутон в HTML сайт, а след това вижте тук!

Ако сте харесали материала моля, направете следното ...

Благодаря ви за вниманието!