Каскадные таблицы стилей (Cascading Style Sheets, сокращенно CSS) - это технология, разработанная для форматирования html документов и придания им определенного стиля (положение элементов на экране, цвет текста, величина отступа абзаца и многое другое). Фактически, каскадные таблицы стилей представляют собой набор правил, в соответствии с которыми происходит форматирование текста и элементов на экране. Правила хранятся либо в самом html документе, либо в отдельном текстовом файле, имеющем, как правило, разрешение css. Создавать эти файлы можно даже в Блокноте (Notepad).

К наиболее ярко выраженным достоинствам каскадных таблиц стилей относятся следующие:

1. Возможность одновременного применения одной и той же каскадной таблицы к большому числу html документов. Это может существенно увеличить эффективность создания новых стилей, т.к. для этого требуется изменить всего лишь один файл.

2. Разделение информации на две части: собственно html код и таблица стилей. Во многих случаях это позволяет существенно уменьшить размеры файлов, т.к. информация о стилях всех страниц хранится в одном файле, а не во всех html документах.

3. Наличие в каскадных таблицах стилей дополнительных, по сравнению с языком разметки, методов управления элементами.

Указанные выше преимущества CSS во многом определили их широкое применение в глобальной сети в настоящее время.

 

Синтаксис таблиц стилей

Каждое объявление в CSS записывается в следующем виде:

ТЕГ {свойство: значение}

Эта запись дает браузеру команду присвоить содержимому данного ТЕГа определенное значение, указанного свойства.

В том случае, если мы хотим описать в объявлении несколько свойств, достаточно разделить их точкой с запятой:

ТЕГ {свойство_1: значение_1; свойство_2: значение_2}

Одно и то же свойство или свойства можно присвоить сразу нескольким тегам. Для этого достаточно разделить их в объявлении запятыми:

ТЕГ_1, ТЕГ_2, ТЕГ_3 {свойство_1: значение_1; свойство_2: значение_2}

Вот реальный пример использования CSS:

H4, H3 {color: red; font-family: Courier}

Текст, заключенный в теги H4 и H3, будет написан красным цветом шрифтом Courier.

Ниже рассмотрены основные свойства, описываемые в таблицах стилей.

Color - цвет
Это свойство определяет цвет содержимого тега, для которого он указан. Цвет указывается либо в формате RGB, либо одним из стандартных названий: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.
Пример:

BODY {color: black}   или   BODY {color: #000000}

Font-family - семейство шрифта
Это свойство устанавливает шрифт, которым будет выведен текст. Наиболее часто используются шрифты Arial, Courier и Times New Roman. Это объясняется тем, что при загрузке страницы с таблицей стилей пользователь увидит текст, указанным в таблице стилей шрифтом, только в том случае, если этот шрифт установлен у него на компьютере. Arial, Courier и Times New Roman, как правило, установлены.
Пример:

P {font-family: Arial}

Font-size - размер шрифта
Указывается размер шрифта в пунктах (pt), пикселях (px), дюймах (in) или сантиметрах (cm).
Пример:

EM {font-size: 14pt}

Text-decoration - "украшение" текста
Cуществуют пять основных значений свойства text-decoration. Это - underline (подчеркивание), line-through (зачеркивание), overline (линия над строкой), blink (мигание) и none (отсутствие "украшения" текста).
Пример:

H2 {text-decoration: underline}

Text-indent - отступ в первой строке элемента
Отступ указывается в тех же единицах, что и размер шрифта, т.е. пунктах, пикселях, дюймах или сантиметрах.
Пример:

P {text-indent: 3in}

Text-align - выравнивание текста на экране
Вы можете выбрать один из четырех стилей выравнивания: left (по левому краю), right (по правому краю), center (по центру) или justify (по левому и по правому краю одновременно).
Пример:

P {text-align: justify}

Margin-left - отступ слева
Существуют также свойства margin-right - отступ справа, margin-top - отступ сверху и margin-bottom - отступ снизу. Значения всех этих свойств указываются в пунктах, пикселях, дюймах или сантиметрах.
Пример:

H2 {margin-top: 100px}

В таблицах стилей существует еще много других свойств, однако, это тема отдельной статьи.

Наследование
Одним из важнейших свойств таблиц стилей является наследование. Оно проявляется в возможности одного тега наследовать свойства других тегов, в которые он заключен. Поясним это примером.

Пусть тег P

Читать далее...

С помощью простого трюка CSS вы можете улучшить представление шрифтов на своих веб-страницах. При этом и неграфические броузеры и поисковые роботы смогут с ними нормально работать.

Для понимания этого урока читателю вполне хватит базовых знаний о таблицах стилей. Кроме того, предполагается, что предложенный метод будет применяться аккуратно и ответственно в логически верно размеченных документах.

Вы мечтаете получить типографское качество заголовков и декоративных шрифтов с помощью изображений вместо "голого" HTML? При всех тех богатых возможностях форматирования текста, имеющихся в CSS, иногда трудно удержаться от желания открыть Adobe Photoshop и набрать там текст любимым шрифтом, задав при этом нужный размер, кернинг и трекинг. Вам ведь известно, что если вставить такое изображение в веб-страницу, то любой пользователь Сети, броузер которого способен показывать графику, увидит ваш шрифтовой шедевр так, как вы и задумывали. Верно?

Но нас за это так часто били по рукам, приговаривая, что за использование имиджей вместо обычных шрифтов на веб-страницах мы попадём прямо в ад. Так постепенно, мы снижали свои визуальные требования и расстались с мыслью о том, что на веб-страницах когда-нибудь снова появится красивый шрифт. Расстались до тех пор, пока много лет спустя функция загрузки шрифтов, предусмотренная в CSS, не станет надежной и не получит должного распространения.

Нас учили, что изображения не всегда доступны для всех броузеров в отличие от простого текста. Это особенно справедливо для специфических броузеров и портативных устройств с небольшими экранами. Так что отливая текст в виде изображений, мы должны испытывать угрызения совести. Ведь текстовые броузеры (такие как Lynx) или же броузеры с отключенным показом изображений не покажут наши картинки. Даже если мы настолько ответственны в работе, что не забываем прописать для каждого элемента графики атрибут alt, поисковые роботы часто индексируют метаданные (подобно содержимому атрибутов alt и title) не так, как "чистый" HTML. Это станет понятно, если мы рассмотрим логическую важность заголовка текста, помещённого между тегами <hn></hn>. Что уж говорить о проблемах с размерами файлов и временем загрузки страниц, перегруженных графикой.

Давайте-ка отложим на время всю эту информацию в сторонку. Так ли уж плохи изображения на самом деле? С помощью небольших трюков CSS, чуть более осторожном планировании и тестировании, можно получить красивые шрифты на веб-страницах, и при этом страница останется доступной для всех (см. заметку ниже), даже для индексирующих роботов. Время снова расправить крылья!

Основная идея очень проста: мы напишем небольшую строчку текста (например "Hello world!") и поместим её внутрь двух наборов HTML-тегов. Затем с помощью CSS мы спрячем этот текст, а вместо него покажем фоновое изображение, которое будет содержать те же самые слова. Вот и всё. Заменить текст изображением не так сложно, как кажется.

Прежде чем браться за CSS, давайте создадим простой код HTML-разметки. Представьте, что у нас имеется что-то вроде этого:


Само собой, мы могли бы просто оформить сам текст с помощью стилей. Но нам-то нужно что-то более искусное, чем детская игра со значениями для свойств font-family или text-transform. Мы ведь хотим пышности! Раз уж мы говорим "Привет!" миру, то нужно делать это щёгольски, верно?

Выберем для нашего приветствия миру самый подходящий шрифт, скажем, Shelley Allegro. Мы считаем, что хорошо известный в среде дизайнеров Shelley Allegro настолько блистателен, что легко покорит сердца миллионов, когда мы с его помощью скажем "Hello!". По нашим сведениям этот шрифт доступен лишь на 1,65 % компьютеров во всём мире. Потому, потратим чуть-чуть времени и создадим изображение со все тем же текстом "Hello world!". Любой пользователь любого броузера, в котором не отключен показ изображений, увидит наше приветствие, набранное шрифтом Shelley Allegro даже на тех компьютерах, где он не установлен.



Запомним, что высота изображения составляет 35 пикселов, так Читать далее...

Читать далее...

Многие мучаются при создании сайта. Во многих случаях на сайте требуется применить нестандартный шрифт или иероглиф. Вы скачиваете красивый шрифт и начинаете верстать страницу, но не у всех пользователей есть такие шрифты. Некоторые не смущаются и просто создают графический файл, используя нужный им шрифт, но дополнительная графика не всегда подходит странице и у многих её и так хватает. Но есть один подходящий выход ! Этим выходом является использования технологии CSS (Cascading Style Sheets) или просто "Каскадных таблиц стилей". Обычно CSS заключается в сам, создаваемый файл, страничку, но можно создать файл CSS (.css) отдельно и соединить его путём прописки между тегом таким образом:


И нам с помошью CSS нужно автоматически закачать и установить файл шрифта True Type Font (.ttf), но установка произойдет только в том случае, если компьютер пользователя не обнаружит требуемого шрифта. Первым делом мы должны указать место положения шрифта. Для этого прописываем между тегами и так :




Таким образом вы можете использовать любые шрифты на своём сайте. Но советую сильно не изощряться, так как сам процесс закачки и установки шрифта тоже требует определённого времени. И если у вас сам шрифт "весит" 500kb и больше, то его не рекомендуется использовать в этом случае.

Если у вас есть сайт, то вы, наверное, сталкивались с такой проблемой как поиск подходящего фона. Фон-то сделать не так сложно, но как сделать чтобы не было видно границ между картинками? Вот об этом здесь и расскажу. Также это может пригодиться при создании текстур для чего-нить (например чтобы сделать фон для определенной папки). Вобщем, наверое, коли уж вы сюда зашли, то знаете куда вам его пихать...

Вот, допустим нашли вы подходящую картинку для фона... Но где же ее найти? А найти ее можно где угодно: поэксперементировав с фотошопом, можно получить кучу хороших фонов, или просмотрев свою коллекцию обоев и картинок, можно вырезать от туда нужный кусочек. Есть и более простой способ: поискать в инете, тогда вобще и стыковать не надо (можете, кстати, посмотреть здесь), но тут есть один недостаток: этот фон может есть уже у кого-нить, и ваш сайт потеряет индивидуальность.

Вобщем, чтобы хорошо состыковать края фона надо применить Фильтр> другое> смещение и установить значения вдвое меньше размера изображения. И потом замазать переходы с помощью размытия да и просто карандаша.

Вот и все об этом... всем спасибо за внимание...

Посмотрел вчера «К барьеру» с Соловьевым и стало так жалко В. И. Новодворскую.
Ведь она сначала мечтала, что бы ее лишили девственности комуняки, но они отказались. Потом она мечтала, лишиться девственности, с помощью Б. Н. Ельцина, но он так и не успел осуществить ее мечту и ушел в мир иной. Затем ей мечталось, как Путин лишает ее девственности и одновременно пожирает младенцев, но жена Путину запретила проводить такую оргию. И, наконец, сейчас она мечтает, что бы ее лишил девственности Медвед, но он еще очень молод и не знает, как удовлетворить старушку.
Неужели не найдется тот человек, который, наконец осчастливит бабу Леру? Где ты? Ну, найдись и, наконец, осчастливь старушку, спаси Россию от идиотизма старой девственницы.
 

Я сидел, потягивал пивко. Вдруг ко мне залетел комар тощий как скелет. В его глазах отражалась вся грусть комариного народа. Пролетая возле моего уха, он прошептал: «Не дай мне умереть с голода, напои меня своей алой кровушкой». Я мгновенно протрезвел и спросил: «Кто здесь?». Комар повторил свою просьбу. Я подумал, что за мной пришла белочка, но машинально ответил комару: «Пей сколько влезет, я не жадный».
Комар тут же уселся ко мне на шею, вонзил свой тонкий хоботок и начал причмокивая пить мою кровь. Когда он напился, то упал на мое плечо, как мешок с г….м, и начал орать песни. И тут я понял, что в моей крови алкоголь, от которого комар и захмелел. Когда комар наорался песен, он уснул, и из его тельца выпало удостоверение. Я взял его и прочитал, там было написано: «Председатель правительства комаров, Пупкин Владимир». А комар тем временем храпел, сопел и пускал слюни.
Когда слюноотделение закончилось, он проснулся и пропищал: «Хорошая у тебя кровь, забористая. Можно я позову своих корешей, и мы устроим массовую пьянку?». Я не возразил. Володька взмахнул крыльями и, пошатываясь, улетел.
Через час, ко мне влетели два роя комаров и впились в шею. Справа впилось комариное правительство, во главе с Володькой, а слева комариная дума. И как насосами стали качать из меня кровь. Правительство оказалось слабеньким на алкоголь и быстро насытившись, всем составом завалилось спать. А вот думцы начали орать песни под баян. Главным баянистом был комар по кличке Жирик. Он периодически ругался матом, поливал своих коллег кровью и кричал, что все подонки, не забывая при этом раздавать тумаки и оплеухи.
Вот так и живем теперь. Я потягиваю пивко, а комары сидят у меня на шее и пьют мою кровушку.

В Сочи за этот год, уже третий мэр. Сначала нам навязали Виктора Колодяжного, затем был Владимир Афанасенков и вот не прошло и пол года, как губернатор Краснодарского края назначил нового мэра Джамбулата Хатуова.
Из этой троицы ни один не был сочинцем. Так откуда им назначенцам, знать о всех проблемах города. Подозреваю, что некоторое заинтересованные лица, ни как не могут распилить олимпийский бюджет.

 

В Сочи предприниматели начали продавать морожено Путина. Интересно, а Путин знает? Или это он сам начал выпускать это морожено, беря пример с примадонны, которая выпускает духи Алла. Так, что кушайте наздоровье, дорогие мои детишечки:)

[600x480]

Сейчас многие блоггеры-предсказаели пишут в своих блогах о том, что завтра, или послезавтра Россию ожидает дефолт. И такие предсказания они делают уже целый месяц, но почему-то они не сбываются.
Так вот, на днях меня посетил господин Дефолт (кстати, не такой он и страшный тип, как его малюют) и сказал мне, что он уезжает в Америку и в ближайшее время, в такую непредсказуемую страну, как Россия, он не вернется. Так, что без паники господа предсказатели.
 

Да, были люди в свое время.

Помню, как в наше время люди варили сгущенку. Брали банку, ложили в кастрюлю с водой и на газ. Получалась вареная сгущенка, правда иногда банка не выдерживала и взрывалась, вся кухня была заляпана сгущенкой. Вот это была романтика, а сейчас коммерсанты обнаглели, во всех магазинах продают уже готовую, вареную сгущенку. Никакой романтики:) Купил открыл банку и съел.

Хочешь похудеть? Не ешь на голодный желудок.

Сейчас в ТОПе Яндекса, частенько всплывают посты, типа: «Нужна Ваша помощь» и дают номер мобильного телефона и кошелек Яндекс-деньги. Ну, с яндекс деньгами все понятно, а вот по поводу мобильного телефона, некоторое разъяснение.
Мошенники регистрируют номер телефона, как коммерческий по оказанию консультаций населению, с оплатой за звонок 500 рублей. Далее заводят ЖЖ и пишут душераздирающий пост о том, что срочно нужна помощь, звоните по такому то номеру. И доверчивые люди звонят, не подозревая, что на следующий день с их счета спишут кругленькую сумму.
Как правило, мошенники регистрируют номер телефона на поддельный паспорт, и все средства перечисляются на счет в банке, за исключением процента оператора сотовой связи. И пока Вы пишите заявление в милицию, мошенники уже успевают снять деньги с банковского счета. И Вы останетесь с носом.
Так, что будьте осторожны и не звоните на незнакомые номера.
 

Сторчака подозревают в хищении государственных средств, в особо крупных размерах и выпускают под подписку о невыезде. А людей которые украли мешок картошки, сажают на 2 - 3 года.
Неужели это и называется борьба с коррупцией? Ведь в Китае Сторчака бы расстреляли.

И я не слышал, что бы у нас посадили хотя бы одного депутата, неужели они не берут?

ООН, 20 окт - РИА Новости, Дмитрий Горностаев. Кандидат в президенты США от Республиканской партии Джон Маккейн направил письмо в Постоянное представительство РФ при ООН с просьбой о финансовой поддержке своей избирательной кампании. Об этом говорится в распространенном в понедельник пресс-релизе российского постпредства.
"Мы получили письмо от сенатора Джона Маккейна с просьбой о внесении финансового вклада в его президентскую кампанию. В этой связи мы хотели бы повторить, что ни российские официальные лица, ни Постоянное представительство Российской Федерации при ООН, ни российское правительство не финансируют политическую деятельность в иностранных государствах", - отмечается в пресс-релизе.

Пы. Сы. Кажется мой сон начинает сбываться, и скоро США переименуют в СШР (Соединенные Штаты России), а за СШР последует Европа.

1. У дефолта глаза велики.
2. Дефолт приходит во время кризиса.
3. Доллар с возу – рубль легче.
4. Дефолт не приходит один.
5. Бери дефолт за рога.
6. Кризисом вымощена дорога в дефолт.
7. Бакс дал, бакс и взял.
8. Дефолт любит троицу.
9. Кризис шельму метит.
10. Боже, спаси меня от банкиров, а с дефолтом я и сам справлюсь.
11. Кризис легче предупредить, чем лечить.
12. Были бы деньги, а дефолт найдется.
13. Было – да сплыло и кризисом поросло.
14. Бьется, как банкир об кризис.
15. В чужом глазу кризис видим, а в своем дефолт не замечаем.
16. Кризис – дыхание дефолта.
 

Вчера посмотрел передачу Гордонкихот, и у меня возникло такое отвращение к Гордону, и вот почему.
Гордон начал наезжать на Никаса Сафронова, мол он берет непомерно большие деньги, за свои картины. Во-первых, господин Гордон, а какая тебе разница, кто и сколько берет за свою работу? Во-вторых, Никас ни у кого не ворует (в отличие от тех, кто изображен на его картинах) и не принуждает их покупать, его произведения. В-третьих, ты наверное, не знал господин Гордон, что Сафронов отдает большую часть от вырученных денег, на благотворительность. В-четвертых, кто тебе сказал, господин Гордон, что тем, чем занимается Никас, это не искусство? Это самое, что ни наесть искусство. По-твоему, что Малевич, со своим черным квадратом, это искусство? Ты попробуй, напиши хотя бы один портрет, а потом будешь обсуждать, искусство это или нет.
Предлагаю тебе господин Гордон, пригласить на свою передачу товарища Абрамовича, и поинтересоваться у него, как он за счет государства, стал миллионером и как он начинал свою карьеру, с воровства бочек с бензином, после чего на него завели уголовное дело, а потом «неизвестным образом» его закрыли. А вместе с Абрамовичем, пригласи остальных расхитителей народных денег. Вот тогда тебе будет всенародное уважение. А то, что ты пригласил художника и облил его грязью, это не хорошо, не по-людски.
Ведь художника, может обидеть любой. И кто тебе сказал, что художник должен быть нищим?

Некоторые из работ Никаса Сафронова >>>

Это же, как надо любить Россию, что бы забить два гола в собственные ворота. Респект горячим финским парням.

А некоторые еще говорят, что Россию не любят:)

Из достоверных источников я узнал, что в скором времени снимут со своего поста, мера Москвы, Лужкова. Причина, по состоянию здоровья. И уже в Кремле подготовили награду, для него, в виде ордена. А на его место, уже подготовили нового человека.
Так, что москвичи готовьтесь к переменам. Хотя от перемены мест слагаемых, сумма не изменяется.
Источник информации проверенный, но я его разглашать, не намерен, даже под пытками.