Skip to main content

Како изградити интерни ЦСС стил лист

Anonim

Шта су интерни стил листови

Интерни стил листови су стилови који се налазе у ХТМЛ документу. Ови стилови утичу само на документ у коме су, а не може се позвати ни на који други веб документ.

Предности унутрашњих листова стилова

  • Унутрашњи стилови утичу само на страницу на којој се налазе.
    • Ако радите на великој локацији и морате тестирати стилове пре него што их учитате на сајту у целини, интерни стил листови могу бити одличан алат. Они вам омогућавају да тестирате стилове у контексту читавог сајта без разбијања било које странице, али оне коју тестирате.
  • Интерни стил листови могу користити класу и ИД.
    • За разлику од инлине стилова, интерни стил листови могу ипак искористити класе, ИД-ове, браће и друге везе.
  • Интерни стил листови не захтевају да постављате више датотека.
    • Ово је посебно корисно када радите са стварима попут е-поште или киоска где имате само једну ХТМЛ датотеку која је доступна за уређивање. Ја често користим инлине стилове када нисам сигуран који ће УРЛ бити стилски лист у ЦМС-у - чување стилова помоћу документа значи да знам који стилови утичу на тај документ.
  • Интерни стилови могу имати виши приоритет од спољашњих стилова.
    • Ово је одређено наредбом да су спољашњи листови стилова учитани. Веб програмер странице има контролу над томе где ће се унутрашњи стилови ставити у главу документа. Ако су постављени након везе са спољашњим стиловима, они ће имати виши приоритет у каскади и превише ће се возити спољашњи стилски лист.

Недостаци унутрашњих листова стилова

  • Оне утичу само на страницу на којој се налазе.
    • Ако желите да користите исте стилове у неколико докумената, морате их поновити за сваку страницу (или повезати са спољним листом стилова).
  • Интерни стил листова повећавају време учитавања страница.
    • Свака страница која има интерни стилски стил мора унети и раздвојити информације о стилском листу сваки пут када се страница учита. Спољни стилови листова се чувају од стране претраживача - што побољшава време учитавања за сваку страницу након што се први учита.

Како написати интерни стил лист

елемент:

  1. Отворите ХТМЛ документ у свом Веб уреднику.
  2. Додајте следеће унутар

Комплетан интерни стилски изглед би изгледао овако: