Пишем с Большой буквы

7.03.2007 @ Рубрики: CSS  

Устав от php-кода, мой взгляд упал на таблицу стилей. И тут я задумался… А ведь здесь можно целую эпопею написать! В связи с этим, родилась мысль написать несколько статей о CSS, в которых рассказать о нескольких интересных приемах оформления, и которые я посвящаю своему другу Alex’y (а то он при упоминании о таблице стилей падает в обморок:)).

С чего начать? - спросил я себя. Думаю с большой. Эта фича мне всегда нравилась в книгах.

Делается это очень просто. А именно при помощи тэга <span>

<span style=”float:left; font-size:70px; line-height:50px; padding-top:2px; “>A</span>

Немного пофантазировав и подумав головой можно добавить фон и обводку:

<span style=”margin-right:6px; margin-top:5px; float:left; color:white; background:#80BFEA; border:1px solid  #A4B3C6; font-size:80px; line-height:60px; padding-top:2px; padding-right:5px; font-family:times;” >A</span>

Черно-белых комментариев: 6

  • Number One :

    27.03.2007 в 13:10

    а ты не запаришься писать каждый раз - style=”float:left; font-size:70px; line-height:50px; padding-top:2px; “
    и для таких целей вместо [span] есть псевдокласс :first-letter

  • Delchyve :

    27.03.2007 в 16:37

    да, согласен, так проще.
    но если мы будем использовать first-letter , то у нас какая буква будет в начале каждого абзаца.
    а что делать если надо всего лишь? :)

    хотя, спасибо за напоминание о псевдоклассе. их я забыл упомянуть

  • Антон Скоробогатов :

    31.03.2007 в 00:47

    Помнится, преподаватель по математической логике говорил нам о том, что большие-маленькие буквы - это некорректное разделение. Корректное - заглавные-прописные.

  • Delchyve :

    31.03.2007 в 10:04

    Да, мат. логика хороший предмет. Помню сдавал пару лет назад.
    PS: теперь мои познания в мат. логике расширились :)

  • Yuriy :

    11.04.2007 в 15:37

    Ну уж если не псевдоклассы, то хотя бы классы использовать было бы проще :)

  • Delchyve :

    12.04.2007 в 10:26

    в целях чистоты кода - согласен, можно (даже нужно) использовать классы.

Оставьте черный или белый комментарий :)

HTML: разрешено использование: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>