Уградите ЦСС у ХТМЛ 5 - тако се ради
Можете лако интегрисати ЦСС у ХТМЛ 5. Јер ако желите да ХТМЛ и КСМЛ документе учините графички привлачнијима, Цасцадинг Стиле Схеетс (ЦСС) је добар избор. Језик форматирања нуди вам бројне могућности за визуелно унапређење веб локација. У основи постоје три различита начина интегрисања ЦСС-а у ХТМЛ 5. То ћемо вам показати у овом практичном савету.
ЦСС у ХТМЛ-у 5: Опција 1 - Оутсоурце ЦСС датотека
Прва опција је премештање ЦСС-а у засебну датотеку. То нуди бројне предности: Табеле стилова не утичу само на једну страницу, већ се аутоматски користе на свакој ХТМЛ5 страници. Главна предност је централна управа. Можете брзо имплементирати измене на свим страницама. Како уградити ЦСС датотеку у ХТМЛ 5:
- Креирајте нову ЦСС датотеку.
- У делу главе погледајте своју ЦСС датотеку. У овом случају датотека је добила име стиле.цсс - али именовање је, наравно, индивидуално:
- Датотеку стиле.цсс требало би да сачувате у главном директоријуму веб сервера.
- Успешно сте интегрисали ЦСС датотеку у ХТМЛ 5.
ЦСС на почетку ХТМЛ 5 датотеке
Ако не желите да створите спољну ЦСС датотеку, такође можете да поставите ЦСС својства у заглављу вашег ХТМЛ 5 документа. Они тада утичу само на ову датотеку ХТМЛ 5, а не на све ХТМЛ 5 странице.
- Отворите свој ХТМЛ 5 документ
- У поље главе уметните следећу наредбу:
- Сада дефинишите жељена својства: То могу бити, на пример, величина наслова, боја текста итд. За то користите познате ЦСС команде.
- Затворите наредбу након што унесете својства помоћу.
- Наведене особине су прихваћене за овај ХТМЛ 5 документ.
ЦСС инлине стил: директно користите команде
Последњи начин интегрисања ЦСС-а у ХТМЛ 5 је инлине стил. То значи да своје команде уносите директно у изворном коду.
- Идите на мјесто гдје желите промијенити графички приказ.
- Унесите ЦСС команде директно. На пример, ово може изгледати овако:
Плава подброј
- Својство се користи само за ову наредбу.