Переключать пункты меню

CSS примеры и применение

Background image url

Довольно часто создатели сайтов хотят украсить дизайн своего сайта и вставляют фоновые изображения на сайт. Но, к сожалению, у начинающих программистов это не всегда получается так как хотелось бы. Бывает множество ошибок, из-за которых реализация, казалось бы, такой простой задачи бывает невозможной. Ошибки, если смотреть с позиции программиста со стажем, элементарные. Поэтому об этих простейших ошибках говорить не будем, а ...
31.08.2017 в 04 ч. 55 м. Читать далее...

Цвет текста в css

За свойства цвета текста (ЦТ) в css отвечает атрибут color. Обычно, значение для этого атрибута выставляют в виде трех-шестизначного кода, начинающегося со знака решетки (#). Например, выставим ЦТ в виде трехзначного кода для тега р :   ...
28.08.2017 в 11 ч. 46 м. Читать далее...

Css размер шрифта

Как уже упоминалось в прошлой статье, любой элемент на странице может быть задан произвольными размерами вычисляемый в миллиметрах, пикселах и процентах. Сегодня поговорим более детально о размерах шрифта (далее РШ) в стилях css. РШ при разметке страницы задают либо в миллиметрах em, либо в пикселах px для атрибута font-size. Использование РШ в процентах, в виду большого разброса в масштабировании, не получило ...
14.08.2017 в 12 ч. 31 м. Читать далее...

Css ссылки

Оформление ссылок на css производится при помощи файла стилей или на скорую руку, прописываем внешний вид ссылок вверху страницы между тегами <head>…</head> Сами стили заносим внутри тегов <style>…</style> Но поскольку элементов на странице может быть сотни, а то и тысячи, то гораздо разумнее будет вынести все стили в отдельный файл Для того, чтобы точно указать к какому именно элементу присвоить заявленные стили, обязательно ...
11.08.2017 в 12 ч. 13 м. Читать далее...

Размеры в css

Для того чтобы задать размеры любого элемента при помощи стилей на языке стилей css мы должны их прописать либо в заголовке каждого веб-документа или вынести их в отдельный файл, например, назвать его style.css. Сам файл для удобства работы с сайтом помещаем в отдельную папку и назовем его /inc/. Там будут лежать все файлы, которые отвечают за внешний вид и оформление всех ...
09.08.2017 в 12 ч. 21 м. Читать далее...

Фоновое изображение css

Фоновое изображение часто используют на сайтах с творческим уклоном, музыка, рисование, живопись, на развлекательных порталах, онлайн кинотеатрах. Или просто для того чтобы придать сайту красивый и оригинальный вид используют фоновое изображение, а стили выносят в отдельный файл css. Крайне желательно, чтобы рисунок заднего плана не мешал основному главному контенту. Поэтому использовать этот вид дизайна нужно с чувством меры. Тут важно не ...
21.07.2017 в 10 ч. 25 м. Читать далее...

Размер изображения в css

Для того чтобы вывести картинку на страницу сайта желательно задать размеры выводимого изображения. Иначе картинка, если изначально размеры его не заданы, может не совсем корректно показана на странице. Например, если вы просто выгрузите фотографии из обычного цифрового фотоаппарата, то картинка может просто уйти за пределы видимости браузера. Потому что стандартный размер фотографии по ширине может быть более двух тысяч ...
27.05.2017 в 05 ч. 41 м. Читать далее...

Выравнивание текста по центру при помощи css

Для контента сайта нужна, прежде всего, аккуратная компоновка текста на странице. Чтобы текст читался легко и приятно желательно, чтобы текст был разделен на несколько абзацев. Поэтому для правильной и красивой разметки символов используют стили CSS. Некоторые пункты текста на странице требуют, чтобы абзац или какой-то пункт раздела был выровнен по центру колонки текста. Для этого используют атрибут text-align: center;   ...
07.04.2017 в 12 ч. 39 м. Читать далее...

Как сделать выравнивание текста по ширине при помощи css

Данный атрибутом стиля пользуются для того, чтобы выровнять текст по обоим краям границы текста. Текст смотрится довольно красиво и строго. Так обычно печатают тексты на колонках любой газеты. Но в редакции газеты есть специалист, который занимается только набором данного текста и где нужно делается сноски по слогам, если слово не влезает в текущую строку. И соответственно, ширина поля текста величина фиксированная. ...
07.04.2017 в 12 ч. 28 м. Читать далее...

Выравнивание изображения средствами css

Изображение выравнивается по левому краю, по центру и по правому краю. Если изображение выравнивается по левому краю текст обтекает по правой стороне. Код следующий <img align=”left” src=”kartinka.jpg”> А на странице это выглядит вот так, как на картинке слева. Можете просмотреть код через браузер. ...
31.03.2017 в 02 ч. 23 м. Читать далее...

Как растянуть изображение при помощи css

Для того, чтобы растянуть изображение на всю ширину страницы при помощи css нужно прописать его класс либо id и задать ширину width на сто процентов. Но прежде всего нужно позаботиться о том, чтобы сама картинка подходила для того, чтобы её можно растянуть. Для этого может подойти просто квадрат или прямоугольник одного цвета серого, красного, синего и так далее. В зависимости ...
20.03.2017 в 10 ч. 49 м. Читать далее...

Как через CSS задать размер изображения

Из рассмотренного примера мы поняли что изображение выводится на страницу при помощи HTML тегов <img weight=”300px” src=”picture.jpg”>. А размеры картинки мы прописали прямо в HTML коде. Сейчас покажу как задать размеры изображения при помощи таблицы стилей. Все эти данные поместим в отдельный файл с расширением css и назовем его для примера style.css. ...
20.03.2017 в 05 ч. 31 м. Читать далее...
Коллекция скриптов и модулей   © 2017