Безплатно! Онлайн събитие: AI асистент за учене, преподаване и подготовка Регистрация тук.
CSS във вътрешен файл
Пълен достъп до курса: Не
За пълен достъп или безплатна проба (1 модула), моля влезте или се регистрирайте.
Отделяне на CSS в самостоятелен файл – чист и подреден код
Най-важното в този урок е да разберете защо е добре да изнесете CSS кода във външен файл. Това прави HTML-а по-чист, по-четим и по-лесен за поддръжка. Стиловете се отделят от структурата на страницата, което е основен принцип в съвременната уеб разработка. Ако трябва да запомните едно нещо: HTML е за съдържание, CSS е за стил – и е добре да бъдат разделени.
Стъпка по стъпка: как да изнесете CSS във външен файл
- Създайте нова директория с име
css. - В нея създайте файл, например
main.css(името е по избор, разширението.cssе задължително). - Копирайте съдържанието от
<style>тага в HTML файла. - Поставете го в новия
main.cssфайл и запазете. - Изтрийте съдържанието на
<style>тага от HTML. - В
<head>секцията добавете:
<link href="css/main.css" rel="stylesheet" type="text/css">
- Запазете и презаредете страницата – стиловете трябва да се приложат отново.
Използвани HTML елементи и атрибути
link– свързва външен ресурс към HTML документаhref– указва пътя до CSS файла (релативен път)rel="stylesheet"– определя връзката като стилов файлtype="text/css"– указва типа съдържание
Това е стандартният и препоръчителен начин за работа със CSS в реални проекти.
Дискусия към урока
Задавайте въпроси, споделяйте опит и помагайте на останалите да учат заедно.
освен CSS да се зареждат секции HTML съдържание от външен файл и как? Би било особено полезно за големи обеми текст на който стилирането е еднообразно и предва…
1
и други възможни семантични значения на файла с разширение CSS и има ли други формати на задаване на стил освен текстов файл? В редът указваме какъв е файлът (…
1
3
