Пятница, 2024-03-29, 12:22 PM

Поиск
Меню
Категории раздела
PHP [40]
Cкриптовый язык программирования общего назначения
MySQL [1]
Cвободная система управления базами данных (СУБД)
jQuery [8]
Библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML
CSS [60]
Cредство описания, оформления внешнего вида веб-страниц
JavaScript [161]
Прототипно-ориентированный скриптовый язык программирования
Веб-дизайн [2]
Проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений
RegExp [1]
Регулярные выражения
SEO [2]
Продвижение и раскрутка сайтов. Заработок в сети.
C/C++ [3]
Компилируемый статически типизированный язык программирования общего назначения
Windows [4]
Программистам под ОС MS Windows
HGE [2]
Игровой движок HGE (Haaf's Game Engine)
Игровой дизайн [8]
Психология дизайна игр
Разработка игр [2]
Общие моменты, относящиеся к геймдеву
wxWidgets [2]
Библиотека инструментов для разработки кроссплатформенных приложений
PureBasic [10]
Кроссплатформенный компилятор и IDE для быстрой разработки
VST [6]
Steinberg's Virtual Studio Technology (VST)
iOS [1]
Mобильная операционная система, разрабатываемая и выпускаемая американской компанией Apple
Пиксельная графика [9]
Pixel art и все, что с ним связано
libGDX [2]
Кроссплатформенный открытый движок на Java, позволяющий создавать 2D и 3D игры под различные платформы, среди которых: Android, HTML5, Windows, Linux, iOS.
Поддержи проект!
Рекомендуем


Блог разработчика

Главная » CSS
« 1 2 3 4 5 6
CSS-пример: Эмуляция before, after для IE 6-7 в виде дополнительного текста
Категория: CSS | Просмотров: 372 | Добавил: pop | Дата: 2013-05-20

CSS-пример: Горизонтальное меню с использованием CSS
Категория: CSS | Просмотров: 477 | Добавил: pop | Дата: 2013-05-19

В довесок к предыдущему посту прилагаю игрушку-генератор CSS-эффектов
Категория: CSS | Просмотров: 410 | Добавил: pop | Дата: 2013-05-12

Icon Fonts — Parallax Movie #1337 — CodePen

Пример CSS-анимации с параллаксом для статьи Tim Pietrusky "5 Use Cases for Icon Fonts" на CSS-Tricks. 

Категория: CSS | Просмотров: 860 | Добавил: pop | Дата: 2013-02-06

Небольшая шпаргалка по свойству position в CSS
Категория: CSS | Просмотров: 1132 | Добавил: pop | Дата: 2012-12-16

Для этого следует применить свойство border-collapse со значением collapse

table.t1, table.t1 td {
 border: 1px solid blue;
 border-collapse: collapse;
}
Категория: CSS | Просмотров: 841 | Добавил: pop | Дата: 2012-10-19

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

a { outline:none; }
Категория: CSS | Просмотров: 906 | Добавил: pop | Дата: 2012-10-19

Первый вариант - использовать span, вложенный в a. Т.е. цвет ссылки - это цвет span, а цвет подчеркивания - цвет a:

<html>
<head>
<style type="text/css">

 a {color:red;}
 a span {color: blue;}

</style>
</head>

<body>
<a href="#">Я ссылка</a>
</body>
</html>

Пример: Я ссылка


А можно воспользоваться методом, который используется на сайте Студии Лебедева:


<head>
<style type="text/css">

a:link{color:#0055CC}
a:hover{color:#CC0000}
a:visited{color:#990099}
a:visited:hover{color:#CC0000}
a:focus{outline:none}

.underline { text-decoration: none; border-bottom: 1px solid; }
a:link.underline { border-color: #b2ccf0; }
a:visited.underline { border-color: #e0b2e0; }
a:hover.underline { border-color: #f0b2b2 ! important; }

</style>
</head>

<body>
<a href="#" class="underline">Я ссылка</a>
</body>
</html>

Пример смотрим здесь

В этом случае никаких span не надо, но требуется указать class.
Категория: CSS | Просмотров: 980 | Добавил: pop | Дата: 2012-10-18

Посмотрите на два изображения ниже - одно непрозрачно, другое - полупрозрачно:



filter: alpha(opacity=50); /* IE 5.5+*/
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1+, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

Не будет работать в IE, если не заданы ширина и высота элемента, который требуется сделать прозрачным!
Категория: CSS | Просмотров: 1173 | Добавил: pop | Дата: 2012-10-18

::selection {background: #FF9E6F;} // в Opera, Safari, Google Chrome
::-moz-selection {background: #FF9E6F;} // в FireFox

Стоит отметить, что данная фича игнорируется Ослом до версии 8 RC1
Категория: CSS | Просмотров: 1018 | Добавил: pop | Дата: 2012-10-18