CSS или раиран слон

Почти същият резултат, вярно си е вярно! Но няма да минем с едно заглавие, ще имаме няколко от тях на всяка страница, а има около две дузини страници. И навсякъде го пишем всичко. И тогава някой ще ви каже, че заглавията ви са отвратителни, роботите за търсене не разбират какво е написано в тях (поради интервалите между буквите в думата, роботът ще възприеме това като набор от букви). И така решихте да го промените, на всички страници. Ще бъде трудно, но с помощта на CSS можете (и трябва!) да го направите по следния начин: създаваме файл gnezdo.css, в който правим следния запис: H3 И в началото на всяка наша страница, между поставяме следния ред:

И това е! Сега на всички тези страници, когато просто пишете

И аз искам това!

Грубо казано, CSS е набор от правила за форматиране на HTML елементи и всяко такова правило се състои от две части:СелекторииДефиниции.

Селекторе всеки HTML таг.Дефинициятасе състои от набор от свойства и всяко свойство има своя собствена стойност. Трябва да изглежда така:

Разглеждаме първия ред: BODYBODY- селектор, един от основните HTML тагове, който задава основните параметри на целия документ. И какво съм написал там?background-color:white- задайте цвета на фона. Няколко основни цвята са вербално дефинирани, например бялото е същото като #FFFFFF, така че би могло да бъде написано така:background-color:#FFFFFF

семейство шрифтове: Verdana, sans-serif, serif- задаване на шрифтове. Можете да посочите конкретен шрифт (например Verdana) или просто клас шрифт, след което се избира най-удобният шрифт от този клас:

  • serif- Times шрифтове и др.
  • sans-serif- Шрифтове Arial, Helvetica, Verdana
  • курсив- дори примерът е трудендонеси, иначе ще изтърся нещо.
  • fantasy- вероятно се досещате какви са тези шрифтове.
  • монопространство- напр. Куриер

    • Посочих списък с шрифтове чрез низ, което означава, че ако няма шрифт Verdana, тогава браузърът избира произволен шрифт от семейството sans-serif, а ако няма такъв (което е малко вероятно), тогава от семейството на serif.

    Тъй като говорим за шрифтове. Помните ли, че имаше въпрос как да поставите шрифт на сайта и ако посетителят няма необходимия шрифт, тогава този шрифт ще бъде автоматично изтеглен от сървъра? Това е реализирано в CSS, просто трябва да напишете този параметър:

    Въпреки че не ви съветвам да правите извращения на шрифта - опитайте се да използвате често използвани шрифтове и всички ще са доволни!

    Шрифтовете имат и други свойства:

    • стил на шрифта:
    • normal - нормален, директен шрифт
    • курсив - курсив
    • obligue - наклонен (лек наклон на нормален шрифт)
  • font-weight- тегло. Има 9 тежести - най-тънкият шрифт-тегло: 100 и най-удебеленият шрифт-тегло: 900 (т.е. числата 100, 200 и т.н.). Например удебеленото е 700, а нормалното е 400.
  • font-size- размер на шрифта (има тънкости относно мерните единици, вижте сами)
  • font-variant- задайте главни букви на шрифта (стойности: или normal - не променя нищо, или small-caps - всички малки букви изглеждат като главни букви, но имат по-малък размер и леко променени пропорции)

    • Можете да зададете всички тези свойства на шрифта, където пожелаете: когато форматирате заглавия, абзаци и т.н.

    И така, за какво говоря?

    Дизайн на връзката

    A:Visited - цветът на посетената връзка (можете да промените шрифта и тук!)

    Доста интересен е този имот:

  • text-transform:uppercase- ВСИЧКИ БУКВИ стават главни
  • text-transform:lowercase- всички букви са малки (главни)
  • text-transform:capitalize- Всяка дума в изречение започва с главна буква

    • Откриване на витрина.

    Няма да обяснявам всички имоти, просто ги изброя. ТоваH4заглавие ще бъде написано с редки букви(разстояние между буквите: 0,5em), с интервали между буквите 0,5 пъти височината на най-голямата буква, всички букви ще бъдат главни(text-transform:uppercase), самото заглавие ще бъде позиционирано отляво(text-align:left), с отстъп от външната лява граница 3 5px(padding-left:35px). Като този!