Како да вметнете css датотека во html

Хипертекстот означувачки јазик (HTML) одредува кои елементи се присутни на веб-страницата. Програмскиот јазик "каскадни маси" (CSS) опишува како овие елементи треба да изгледаат. Датотеката CSS може да се додаде во HTML како надворешен (CSS ADD како посебна датотека) или вграден стилски лист (CSS вклучува HTML-датотека). Научете како да вметнете во HTML датотека CSS за да го промените дизајнот на сајтот.

Чекори

Метод 1 од 2:
Како да инсталирате надворешен стилски лист
  1. Сликата со наслов Додади ја датотеката CSS на HTML чекор 1
Еден. Креирај CSS датотека. Подгответе и зачувајте ја експанзијата на датотеката на CSS ".CSS ".
  • Сликата со наслов Додади CSS датотека на HTML Чекор 2
    2. Преземи CSS датотека на страницата.
  • Сликата со наслов Додади ја датотеката CSS на HTML чекор 3
    3. Копирајте ја адресата (URL) на датотеката CSS. Адресата на сајтот ќе изгледа вака: Ваше.com / stylesheet.CSS.
  • Добрата практика е да се избрише од адресата (URL) на главното име на домен. Врз основа на ова, адресата http: // moisite.CSS / Default.CSS ќе се намали на "/ CSS / стандардно.CSS ". Не заборавајте да го вклучите олово коса ("/"). Тоа се нарекува релативен начин.
  • Сликата со наслов Додади CSS датотека на HTML Чекор 4
    Четири. Вметнете ја врската до датотеката. Најдете во HTML-датотеката ознаки Креирајте празна стринг право над него. Вметнете во оваа низа , Заменувајќи "Твојот...»На врската во датотеката CSS.
  • Сликата со наслов Додади ја датотеката CSS на HTML чекор 5
    Пет. Зачувајте ја HTML-датотеката и преземете ја на страницата.
  • Сликата под наслов Додадете CSS датотека на HTML чекор 6
    6. Бидете сигурни дека сè изгледа како на страницата како што треба да изгледа. Во спротивно, отворете ја HTML-датотеката повторно, пронајдете грешки и направете промени.
  • Метод 2 од 2:
    Како да внесете внатрешен стилски лист
    Еден. Креирај етикета Отворете ја HTML-датотеката и пронајдете ја етикетата . Додајте неколку празни жици над неа и внесете го следново:
     Тип ="Текст / CSS">
    Сликата со наслов Додади ја датотеката CSS на HTML чекор 7
    1. Сликата со наслов Додади ја датотеката CSS на HTML чекор 8
      Еден. Вметнете ги сите ваши CSS помеѓу овие две етикети.
    2. Сликата со наслов Додади CSS датотека во HTML чекор 9
      2. Зачувајте ја HTML-датотеката (со продолжување .HTML).
    3. Сликата со наслов Додади CSS датотека во HTML чекор 10
      3. Бидете сигурни дека сè изгледа како на страницата како што треба да изгледа. Инаку, направете ги потребните промени.

    Совети

    • Секогаш проверувајте го изгледот на страницата во различни прелистувачи и на различни оперативни системи. Некои прелистувачи се поврзани со CSS малку поинаку. Тоа дури може да се случи во истиот прелистувач, но на различни верзии на Mac и Windows. Ако вашиот сајт изгледа различно во друг прелистувач (на пример, јазот помеѓу некои објекти, како што се листи, има различна големина), тогаш проблемот е поставките за овој прелистувач. Пронајдете го мастер стилови и вметнете го на врвот на датотеката CSS за да ги промените стандардните поставки на прелистувачот. Ова е направено така што вашите поставки не менуваат ништо во самиот прелистувач.
    • Вметнете ја надворешната табела на стилови ако имате таква можност. Ова ќе ви овозможи да го промените изгледот на страницата со менување на кодот во изворната датотека. Значи, не мора да ги менувате CSS на секоја страница на страницата.
    • Ако страницата не реагира на CSS како што очекувавте, проверете го сите кодирање за да бидете сигурни дека тоа е правилно пишување. Особено, обрнете посебно внимание на поени со запирки (";") и затворање на загради ("}"). FSS-датотеката е прилично едноставна за прескокнување на еден од овие знаци.
    • Зачувајте ја HTML-датотеката на компјутерот за да ја отворите во разни веб прелистувачи и двојно проверете пред понатамошно вчитување. Но, за да го преземете, датотеката CSS мора да биде вметната во HTML како надворешен стилски лист на стилови.
    • Ако самиот стил самиот е во спротивност - на пример, прво вели дека текстот ќе биде сини, а потоа тоа ќе биде црвено - тоа секогаш ќе биде последната состојба. Ако еден тим е надворешен стил лист, а другиот е внатрешна, активна внатрешна маса.

    Предупредувања

    • Не користете го "Отвореното" поставување на CSS, односно CSS, што е вклучено во етикетата HTML. (Пример: "Align =" Центар "е отворена CSS формулација). Ова е застарена верзија со лош дизајн на синтакса. Ако по некое време треба да го ажурирате сајтот, ова производство ќе биде тешко да се промени.
    Слични публикации