Красивые шрифты для сайта by Google fonts — Поснов Андрей Красивые шрифты для сайта by Google fonts Jura HTML<link href=’http://fonts.googleapis.com/css?family=Jura&subset=cyrillic,latin’ rel=’stylesheet’ type=’text/css’></link> CSSh2 { font-family: ‘Jura’, arial, serif; } Ruslan Display HTML<link href=’http://fonts.googleapis.com/css?family=Ruslan+Display&subset=cyrillic,latin’ […]
Рубрика: Css
Свойство cursor | CSS справочникCSS свойство cursor определяет тип отображаемого курсора.ЗначениеОписание aliasКурсор указывает, что алиас или ярлык будет создан. all-scrollКурсор показывает, что что-то можно прокручивать в любом направлении. autoБраузер устанавливает курсор. Это значение по умолчанию. cellКурсор указывает на то, что ячейка (или группа ячеек) может быть выбрана. context-menuКурсор указывает на то, что контекстное меню доступно.
Css курсор: cursor | CSS | WebReference – cursor — CSS: Cascading Style SheetsRead More »
Единицы измерения CSS, о которых вы должны знать От автора: сегодня я собираюсь познакомить вас с некоторыми инструментами CSS, о которых вы, возможно, не знали раньше. Эти инструменты представляют собой единицы измерения, например, пиксели или em, но вполне возможно, что о некоторых вы никогда не слышали! Давайте начнем. Работая с методами CSS, которые мы хорошо
Работа с маркерами списков ul на CSS Мы с вами еще в начале книги разбирались со списками ul и вы наверняка помните о том, что список ul имеет маркеры в виде точек. Однако, вид этих маркеров можно сменить или даже убрать их совсем. Делается это с помощью свойства list-style-type. Давайте посмотрим, какие значения оно может
Css убрать у списка точки: Как убрать маркеры в маркированном списке?Read More »
Постраничная навигация CSS Постраничная навигация встречается на 99% сайтов. Исключение составляют разве что визитки и промо сайты. Такой подход очень удобен,если у вас много контента и помещать его весть(или ссылки на него) на одной странице нецелесообразно с точки зрения юзабилити сайта и отношения поисковиков. Постраничную навигацию можно выполнять как на стороне сервера, так и на
Онлайн-инструменты для кодеров / HabrОнлайн-сервисы становятся все популярнее, постепенно усложняя функционал и улучшая интерфейсы. В этой подборке представлены онлайн-инструменты для кодеров.Cloud9 «Это Google Docs, только для кода» — так говорят о проекте. Облачный сервис вырос из Mozilla Bespin. Основные фишки: SSH, drag-and-drop и возможность разработки оффлайн.Koding (публичная бета) Koding.com — среда разработки с предустановленным веб-сервером
Псевдокласс :last-child | CSS | WebReferenceПсевдокласс :last-child задаёт стиль последнего элемента в группе братских элементов (имеющих одного родителя).В качестве примера рассмотрим следующий код HTML: <article> <h2>Роль цитокинов при дорсалгии</h2> <p>Автор: Гордон Фримен, канд. физ.-мат. наук</p> <p>Содержание статьи</p> <address>Почта: [email protected]</address> <p>Опубликовано: <time datetime=»2018-11-27″>27 ноября 2018</time></p> </article> Псевдокласс :last-child без указания селектора выберет все последние элементы внутри
Закругленные углы с помощью радиуса округления границ рамки CSS3 До появления CSS3, чтобы добавить к таким элементам веб-страницы, как формы или кнопки, закругленные углы, нужно было использовать ряд изображений и много дополнительной разметки. К счастью, теперь закругленные углы CSS позволяет создавать очень просто. В том числе это можно сделать с помощью свойства border-radius. Вы можете
Растянуть background на всю ширину с помощью CSSЗдесь как можно подробнее разберем. как можно реализовать фон (background) интернет ресурса, что должен покрывать все рабочее пространство. Основном все делается на CSS3, также можно подключить jQuery и даже PHP, но рассмотрим один вариант, который на чистом CSS. Для начало нужно понять или определить, что должно получится. Это
Наложение и порядок слоёв | htmlbook.ruНа веб-странице расположены три изображения игральных карт (рис. 3.51). Пока они лежат рядом, их порядок значения не имеет, но если применить к ним позиционирование и сместить изображения так, чтобы они накладывались друг на друга, одна карта будет находиться выше другой (рис. 3.52).Рис. 3.51. Карты рядом друг с другомРис. 3.52. Карты одна на
Css картинку наложить на текст: Как сделать текст на изображенииRead More »