Главная Новости

CSS


Опубликовано: 01.09.2018

видео CSS

CSS Topper 2017,2018 KPK

Более 10000 человек участвовали в опросе «Как вы группируете CSS стили». Самым популярным способом группировки оказалась группировка свойст по типу.

Результаты опроса:



Пожалуй расшифрую =)

Группировка по типу , заняла первое место. Набрала 45% В случайном порядке , на втором месте. 39% было заработано Гораздо менее популярным оказалась г руппировка по алфавиту 14% И совсем не популярным способом группировки оказалась группировка по длине символа , только 2% проголосовавших выбрали этот способ группировки CSS стилей.

Небольшая заметка для записи, по группировки по типу:


Learn CSS in 12 Minutes

.selector { /* Positioning */ position: absolute; z-index: 10; top: 0; right: 0; /* Display & Box Model */ display: inline-block; overflow: hidden; box-sizing: border-box; width: 100px; height: 100px; padding: 10px; border: 10px solid #333; margin: 10px; /* Color */ background: #000; color: #fff /* Text */ font-family: sans-serif; font-size: 16px; line-height: 1.4; text-align: right; /* Other */ cursor: pointer; }

Я вот группирую все беспорядочно, и после прочтения данной статьи, попробую группировать по типу =). Хотя знаю, что вряд ли получится, ну ничего буду стараться.

Информация взята с сайта CSS Tricks

Заметил на GitHub прикольный эффект раздвижных ссылок.По умолчанию ссылки имеют усеченный текст, а при наведении на ссылку, появляется полностью его содержимое. Для реализации этого эффекта можно использовать один лищь CSS. Итак позвольте мне показать вам как это делается. (далее…)

Эту строчку нужно добавить в самом конце опции стиля \0/

Например:

.example { width: 500px; width : 500px\0/; }

И все будет окай

Для того чтобы в JS проверить виден ли объект, нужно проверить его offsetHeight, если он равен 0 (ноль), то элемент скрыт.

Мне на заметку тоже. Кстати код кроссбаузерный

Не могу упустить возможность, чтобы не упомянуть про замечательный генератор HTML+CSS шаблонов .

Очень сильно понравилось, а главное очень просто в использовании!

Всем верстальщикам приходилось бороться с этими проклятыми браузерами, было потрачено много сил и «энергии», а самое главное это нервов. И в конце концов приходилось применять различные хаки.

Так вот в этой заметке я упомяну про один, ну по крайней мере до сегодня не известный для меня хак. Этот хак обычная запятая(,). Да да именно запятая. Заметил это совершенно случайно верстая клиенту сайт и для нескольких блоков хотел задать другой цвет текста.

Демо в пример . Во всех браузерах цвет текста серый, а в IE6 и IE7 зеленый

rss