Создавая очередной сайт, постает проблема с прорисовкой разнообразных иконок, например социальных сетей или же иконки для меню. Мало того, каждую картинку иконки необходимо загрузить на хостинг и прописать к ней путь. Это отнимает не мало времени и усилий. Решением такой задачи может стать шрифт Font Awesome
CSS: min width и max width
Как одновременно подстроить отображение элемента или элементов страницы сайта на различных разрешениях экрана монитора? Решением может быть указанные минимальные и максимальные значения ширины и высоты. Вот именно в этом и попытаемся разобраться
CSS: Свойство display
На одном из “кружков” вэб-мастеров обсуждалось свойство display, что оно умеет, для чего предназначено. Заглянувший новичок вставил фразу – свойство display со значением inline-block вовсе запрещает что либо сделать. И эти слова только подкинули “дровишек в топку”. И все же, что такое display и с чем его едят?
CSS: background для сайта
Ни один сайт, ни одна его страница не обходится без фона, на котором разворачивается текстовое и графическое наполнение. В качестве фона может выступать картинка или какой-нибудь цвет, или в крайнем случаи и картинка, и цвет вместе, и за все это отвечает background. Что умеет и как можно управлять свойством background?
CSS: Тонкости оформления списка
Для оформление списка HTML используют теги <ol> или <ul> и это означает – список будет нумерованным или наоборот. При создании стиля оформления часто приходится задумываться, как убрать маркер или может ли он быть оригинальным? Попытаемся найти ответ на этот вопрос вместе
CSS: Выпадающее меню на CSS
Не имеет значение, горизонтальное или вертикальное меню, но оно является основным элементов Интернет-ресурса. Кто-то отдает предпочтение горизонтальному, а кому то нравится вертикальное. В этой ситуации играет роль вкуса и в связи с желаниями и вкусами, часто сталкиваешься с вопросом: как сделать простое выпадающее меню?
CSS: Акцентируем внимание ленточкой
Приемов для выделения информации на сайтах существует множество. Некоторые окрашивают фон блока, другие – устанавливают яркую картинку и тд. Все эти приемы по своему хороши, но сегодня поговорим еще ободном способе акцентирования внимания – это ленточка. Ленточка не простая, а на чистом CSS, без каких-либо графических элементов
CSS: Тень блока
Тень блока, в котором размещен текст или картинка с описанием выглядит намного изящнее, нежели простой блок с рамкой. Особенно к тени прибегают в тех случаях, когда необходимо выделить какую-то информацию среди изобилия подобного и монотонного текста. Вариантов оформления тени много, но вот как или на чем построен этот эффект в целом?
CSS: Оформление цитат
Цитата придает материалу индивидуальность, делает его уникальным, что является основной задачей при оптимизации сайта. Но как выделить такие изречения в тексте, чтобы они были пестрыми и украшали страницу визуально? Самым простым вариантов решения является выделение – сделать текст жирным или курсивом, а можно пойти совсем иной тропой – CSS
CSS: Рамка вокруг текста
Как на странице выделить текст, чтобы он был заметным? На этот вопрос можно отыскать много ответов. Текст можно сделать красным или зеленым, жирным или курсивом, но а можно поместить его в рамку. Вот о этом и пойдет речь в этом материале