CSS - Каскадни таблици със стилове за модерен дизайн на вашата начална страница

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

  • централно определяем (.css файл определя външния вид на цялата начална страница, промените в този един файл след това променят и дисплея на цялата начална страница)
  • по-бързо време за зареждане, тъй като отделните HTML страници са по-леки и централният .css файл трябва да бъде зареден само веднъж
  • CSS се поддържа от всички браузъри в основните функции
  • Ако браузърът не знае дефиниция на CSS, той просто няма да бъде показан. Сайтът така или иначе работи (разбира се не изглежда толкова страхотно, но функционалността е запазена)

стилове

Пример за форматиране с CSS:

Текст, форматиран с CSS

И ето как изглежда съответният изходен код:

style = "background-color: # 0080FF; цвят: черен; семейство шрифтове: BankGothic Md BT; размер на шрифта: 20pt; интервал между букви: 5px; подложка: 10px; text-align: center"> Текст, форматиран с CSS

Червената част е информацията за CSS. Както можете да видите, информацията за CSS е точно в маркера

и ще бъде даден в последния ден

завърши отново. CSS информацията засяга само тази част от изходния текст.

Но е много по-интересно да контролирате цялостния дизайн на уебсайт чрез външен CSS файл. Ето как се интегрира външен CSS файл:

В заглавката на вашия HTML файл добавете връзка към .css файл.

Ето как изглежда (в изходния код):

Червената част е решаващата част .css - тук се препраща към вашия файл.

Сега създайте подходящ .css файл в редактора на Windows, в нашия пример файл design.css със следното съдържание:

Обърнете специално внимание на разширението на файла .css! Вече можете да промените файла design.css, както желаете.

Най-лесният начин да създавате и редактирате .css файлове е да използвате CSS редактора Topstyle. Повече информация можете да получите тук:

  • download.chip.eu/en/TopStyle-Lite-3.10_919203.html - тук можете да получите безплатния Topstyle Lite от Chip
  • и тук професионалната версия (с разходи): www.topstyle4.com

В CSS има изобилие от форматиране. Те са най-добре описани в Selfhtml:

  • wiki.selfhtml.org/wiki/CSS - Selfhtml е препратката към HTML с голяма CSS област, всички опции за форматиране са описани точно и подробно, а има и примери.

Има и тонове трикове, съвети и експерименти около CSS. По-долу са най-интересните уебсайтове за каскадни таблици със стилове:

С това можете официално да покажете, че вашият уебсайт съдържа каскадни таблици със стилове (CSS).

  • W3C CSS - немски превод - официален немски превод на W3C в CSS
  • xhtmlforum.de - Форум за xHTML и CSS

    • Открихте ли грешка на нашия уебсайт? Уведомете ни, за да можем да отстраним грешката!