CSS

Доброго времени суток читатель. Если ты зашел сюда и читаешь эту статью значить тебе не подходит text-decoration:underline;
И ты хочешь красивое подчеркивание и может даже другого цвета в отличии от ссылки.
А сделать такое можно таким способом:

Строчка border-bottom:1px dashed #fff;, означает что мы делаем нижнее подчеркивание пунктиром и белого цвета, color:#fff; это цвет ссылки, text-decoration:none; ставим что бы невзначай где то не вылезло стандартное подчеркивание.
При наведении я убераю подчеркивание, но можно его сделать например другим шрифтом, или приминив нижний паддинг увеличть ростояние мужду словом и подчеркиванием. В общем способов использования много, экспериментируйте.
В общем то вроде и всё. Пользуйтесь на здоровье.

Очень полезное свойство при блочной верстке да и просто при использовании плавающих элементов. Например если у вас картинка которая выравнивается по левому или правому краю, почему то налазит на ниже следующие элементы. В этом случае вам нужно присвоить в стилях нижним элементам clear: both, что значит отмену обтекания.

И немножко теории:
Clear - устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью атрибута float, то атрибут clear отменяет его действие для указанных сторон.

clear: both | left | none | right

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

В Mozille и Safari при нажатии на ссылку появляется граница вокруг ссылки. Так вот это можно убрать прописав в стиль следующее:

Например у вас есть какое то меню. Пункты меню сделаны картинками. И вы хотели бы что бы при наведении на пункт меню картинка менялась, например был эффект "вдавливаемости" или светлела, не важно, что нарисуете то и будет.
Пишем следующее:

Создам картинку, в таком виде что бы сверху была картинка такая как она должна быть до наведения, ниже рисуем картинку после наведения. Смысл такое рисовать в том что у вас будет видна сначала неактивная зона, а потом с момощью CSS мы сделаем что бы картинка подымалась и становилась видна активная часть.
_____________
| без наведения |
---------------------
| с наведением |
--------------------
Одна картинка, два эффекта.

В CSS пишем:

CSS свойства в JavaScript (Конверсия)

Вы хотите что бы при наведении на ссылку, картинку или другой элемент изменялся курсор мышки, то тогда воспользуйтесь ниже приведенными кодами (стилями):

  P {cursor:default}

  P {cursor:crosshair}

  P {cursor:help}

  P {cursor:move}

Например вам нужно что бы ссылки или заголовки текста были только заглавными буквами, тоесть верхний регистр. А так же можно сделать нижний регистр или только первые буквы заглавными. А делаеться это все просто. С помощью text-transform

Синтаксис:
text-transform: capitalize | lowercase | uppercase | none

Аргументы:

capitalize - Каждое слово в предложении будет начинаться с заглавного символа.
lowercase - Все символы текста становятся строчными (нижний регистр).
uppercase - Все символы текста становятся прописными (верхний регистр).

Пример:

Есть в каскадных таблицах стилей такое замечательное свойство как :first-letter
Так вот если вы хотите сделать первые буквы абзаца выделенными, то делаем следующие

Большая часть цмс разбивает абзацы именно через тег p
В выше приведенном случае буква будет жирной и больше шрифтом чем все остальные.
Если по экспериментировать можно прибить её к левому краю и сделать отступы, как обычно делают с обтекаемой картинкой. В общем должно получиться что наподобие как здесь http://knights.orgfree.com/?q=node/8

Свершилось чудо: оказывается, что max/min-height и max/min-width можно использовать в Internet Explorer!
В частности, используя преимущество атрибутики CSS в IE - возможность использования expression, - Вы можете заставить IE выводить нужную Вам высоту и ширину. CSS атрибут expression позволяет использование JavaScript команд в IE.

JavaScript и CSS вместе? Благодарим Мелкомягких!

Почему же это так замечательно? Да потому, что в других, стандартно-компилируемых браузерах (в отличие от IE), параметры max/min-height и max/min-width выполняются стандартами CSS..

Экспериментируя с псевдо-классом :hover и анализируя его преимущества, я расстроился когда узнал о том, что Internet Explorer не поддерживает :hover естественным путем. В этом браузере данный селектор можно использовать только для элементов ссылок, то есть <a> и все. Современные же браузеры могут отображать эффект выделения для любого элемента CSS. Как же добавить эту функцию и для IE?

Существует так называемый whatever:hover - способ, который дает веб-разработчикам использовать селектор :hover в Internet Explorer. Версия 1.11.040203 (последняя на сегодняшний день) имеет несколько незначительных недостатков, но люди, которые разобрались с этим методом, не жалуются.