Как да добавите каскадни таблици за стил към вашия сайт


След като станете удобни с основните HTML понятия, време е да добавите някакъв стил към уебсайта си.

В началото, когато HTML е създаден за първи път, стилизирането и форматирането на елементи се обработват като част от HTML кода, използвайки маркера и неговите многобройни братовчеди. Всичко се промени с HTML 4.0, когато World Wide Web Consortium (известен също като W3C) добави CSS към сместа. Каскадни таблици за стилове дават на уеб дизайнера далеч повече контрол върху външния вид на нейните страници, отколкото само HTML.

Има три основни начина за определяне на атрибути на стил:

1. В основата на страницата, обикновено наричана „вграден стил“. Например, ако искате да направите един абзац на страницата си да се показва в 14-пикселен червен текст, можете да определите стила в самия маркер на абзаца, както следва:

Това е параграф



2. В заглавната част на страницата, обикновено наричана „вътрешен стилен лист“. Ако искате всички параграфи на една конкретна страница да се показват в 14-пикселен червен текст, вие ще поставите следния код в главата на тази страница:


p {
размер на шрифта: 14px;
цвят: # ff0000;
}


3. В отделен файл, обикновено наричан „външен лист със стилове“. Ако искате редица страници в уебсайта ви да имат червени абзаци с 14 пиксела, първо трябва да създадете нов файл, наречен нещо като stylesheet.css (името на файла може да варира според вашите предпочитания, но трябва да използва разширение .css) и въведете следния код в тази страница:

p {
размер на шрифта: 14px;
цвят: # ff0000;
}

След като запазите style.css, след това ще създадете специална връзка от всички онези страници, където искате 14-пикселни червени абзаци, като поставите кода по-долу в техните главни секции:



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

Още един начин да се свържете с информацията за стилови таблици е изявлението @import. @import ви позволява да се свържете с външен лист от стилове от друг стилов лист. Използва се по следния начин:

@import url ("otherstyle.css");

Изявлението @import трябва да бъде първият елемент в таблицата със стилове или няма да работи. Можете също да използвате @import в главата на HTML документ със същите резултати като поставянето на връзка към външен лист. Този метод най-често се използва за „хакване“ или измама на определени браузъри; повечето по-стари версии на браузъра игнорират @import, така че можете да използвате този метод, за да скриете данните от таблиците на стилове от тях, като все още предоставяте на посетителите данните с по-нови версии на браузъра.

How to link CSS to HTML (Юни 2021)



Тагове Статия: Как да добавите каскадни таблици със стилове към вашия сайт, HTML, HTML, XHTML, DHTML, FTP, JPEG, GIF, CSS, инструкции за работа, каскадни таблици със стилове, W3C, консорциум от World Wide Web, стандарти, скриптове, изходен код, таблици със стилове , уеб, езици, връзки, курсове, тапети за десктоп, уебсайтове, дизайни на уебсайтове, помощ

Почви и рози

Почви и рози

Дом и Градина

Бирманският питон

Бирманският питон

Дом и Градина