CSS


CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки.


Стильные CSS3 кнопки

Стильные CSS3 кнопки

Небольшая коллекция CSS3 кнопок с исходными кодами. Если вы хотите чтобы ваши ссылки превратились в такие вот красивые и стильные кнопки, то скопируйте соответствующий стиль и вставьте в свой файл стиле.

перейти к стильным CSS3 кнопкам

 

Как создать кнопки со значками без изображений при помощи CSS3

Как создать кнопки со значками без изображений при помощи CSS3

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

читать далее про кнопки со значками без изображений при помощи CSS3

 

Как создать красивую форму для поиска при помощи CSS

Как создать красивую форму для поиска при помощи CSS

Здравствуйте уважаемые читатели блога mainview.ru. Сегодня небольшой урок для тех, кто осваивает CSS и HTML. Сегодня посмотрим, как можно создать красивую форму для поиска при помощи CSS, используя минимум кода. Создадим три формы для поиска в разной цветовой схеме, чтобы продемонстрировать, как такая форма будет выглядеть в разных цветовых решениях.

читать далее как создать форму для поиска при помощи CSS

 

Линейные градиенты CSS3

Хитрости CSS которые вы должны знать

С приходом CSS3 появилась поддержка градиентов. Теперь можно легко создавать различные градиенты, например линейные и радиальные. Градиенты CSS поддерживаются в FF3.6+, Safari 2+ и Google Chrome. В FF3.6, могут быть применены к свойству "background-image" или к сокращенному свойству "background".

линейные градиенты CSS3

 

Как сделать эффект выцветания при помощи CSS3

Как сделать эффект выцветания при помощи CSS3

Было время, когда эффект выцветания или медленного проявления возможно было сделать только при помощи JavaScript/jQuery. Но с приходом CSS3 эффект выцветания стало возможно реализовать совсем прости, добавив всего несколько правил CSS.

как сделать эффект выцветания при помощи CSS3

 

3 отличных CSS фреймворка для веб разработчика

3 отличных CSS фреймворка для веб разработчика

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

читать далее о фреймворках

 

Как создать 3D текст при помощи CSS3

Как создать 3D текст при помощи CSS3

Вы уже, наверное, знакомы со свойством text-shadow спецификации CSS3. Свойство text-shadow поддерживается сейчас всеми современными браузерами. За исключением одного всеми любимого браузера. Извините, но если вы все еще пользуетесь браузером Internet Explorer, то вам, скорее всего, придется ждать следующего релиза, где возможно все же появится полноценная поддержка спецификаций CSS3 и HML5, и нам не придется приставлять к коду новые костыли для поддержки.

Как создать 3D текст при помощи CSS3

 

Кнопки CSS3 с закругленными краями и иконками

Кнопки CSS3 с закругленными краями и иконками

При создании сайта или веб-приложения всегда нужны красивые и стильные кнопки. Обычно кнопка на сайте это небольшое графическое изображение, созданное в Photoshop. Однако с появлением стандарта CSS3, теперь как никогда стало проще создавать красивые и стильные кнопки. Всего лишь описав кнопку правилами CSS, мы заставляем браузер отображать её на стороне клиента в реальном времени. Получаем очевидный выигрыш: сокращаем время разработки, увеличиваем скорость загрузки страницы, уменьшаем число файлов.

как создать кнопки CSS3 с закругленными краями и иконками

 

Немного о CSS свойстве border

Немного о CSS свойстве border

Странно сознавать, что после нескольких лет разработки CSS стилей и чтения дизайн блогов и книг по CSS, я до сих пор не все знаю о некоторых общих свойствах CSS.

Может быть, это только мне неизвестно, а может быть, я просто не внимательно смотрю на вещи, которые я действительно часто привык видеть. Может быть, я просто не знаю, что у CSS больше неизвестных свойств, чем те, что я лично обнаружил и узнал до сих пор.

узнать о том, как можно задать цвет у границ CSS

 

Кнопки в стиле Facebook при помощи CSS3

Кнопки в стиле Facebook при помощи CSS3

Здравствуйте уважаемые читатели блога mainview.ru. Как вы уже знаете, CSS позволяет достаточно гибко применять стили к элементам, заставляя их выглядеть подобно графическому изображению. Назначив правила, можно добиться довольно качественной стилизации. Сегодня, я хотел бы показать вам, как можно добиться стилизации кнопок под такую популярную сеть как Facebook. Используя код, приведённый ниже, вы можете создавать кнопки в стиле Facebook.

читать далее про то, как можно создать кнопки в стиле Facebook при помощи CSS3