Найти в Дзене
Max-height и min-height
Сегодня поговорим про такие свойства как max-height и min-height. И так max-height-устанавливает максимальную высоту элемента. Значение высоты элемента будет вычисляться в зависимости от значений установленных свойств height, max-height и min-height. Значения свойств Высота min-height < height < max-height height height < max-height height height > max-height max-height min-height > height > max-height min-height min-height > height < max-height...
4 года назад
Width
Значение Ширину можно задавать любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера...
4 года назад
Height
Дополнительная информация качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. При использовании процентной записи высота вычисляется в зависимости от значения height у родительского элемента...
4 года назад
Display
Значения: block-Элемент показывается как блочный. Применение этого значения для строчных элементов, например <span>, заставляет его вести подобно блокам — происходит перенос строк в начале и в конце содержимого. inline-Элемент отображается как строчный. Использование блочных элементов, таких, как <div> и <p>, автоматически создаёт перенос и показывает их содержимое с новой строки. Значение inline отменяет эту особенность, поэтому содержимое блочных элементов начинается с того места, где окончился предыдущий элемент. inline-block-Это значение генерирует блочный элемент, который обтекается другими элементами веб-страницы подобно строчному элементу...
4 года назад
Box-shadow
Синтаксис .block { box-shadow: 1px 2px 3px 4px # 9ACD32 } Пояснение 1px-выравнивание по вертикали 2рх-выравнивание по горизонтали 2рх-радиус тени 3рх-насыщенность тени # 9ACD32-цвет тени Значения none Отменяет добавление тени. inset Тень выводится внутри элемента. <сдвиг по x> Смещение тени по горизонтали относительно элемента. Положительное значение этого параметра задаёт сдвиг тени вправо, отрицательное — влево. <сдвиг по y> Смещение тени по вертикали относительно элемента. Положительное значение задаёт сдвиг тени вниз, отрицательное — вверх...
4 года назад
Border
Границы можно задавать только на определённых сторонах элемента border-top- граница сверху border-bottom- граница снизу border-left- граница слева border-right- граница справа синтаксис .block { border: 1px solid black } Где 1px- толщина...
4 года назад
Margin и padding css
Margin можно записывать вот так .bkock { margin: 1px 2 px 3px 4px; } Где: Либо можно всё записывать отдельно Если у элемента нет родителя, отступом будет расстояние от края элемента до края окна браузера с учетом того, что у самого окна по умолчанию тоже установлены отступы. Чтобы от них избавиться, следует устанавливать значение margin для селектора <body> равное нулю. Свойство margin позволяет задать величину отступа сразу для всех сторон элемента или определить её только для указанных сторон...
4 года назад
Background (часть 2)
Продолжаем говорить про свойство background. CSS код .block{ background-image: url('img/background/avatar.jpg');background-repeat: no-repeat;background-position: 0 0; } или так .block{ background: url('img/background/avatar.jpg') top left no-repeat; } Можно и так .block{ background: url('img/background/avatar.jpg') 0 0 no-repeat; } Размещение по центру элемента CSS код .block{ background-image: url('img/background/avatar.jpg');background-repeat: no-repeat;background-position: 50% 50%; } или так .block{ background: url('img/background/avatar.jpg') center no-repeat; } можно итак .block{ background: url('img/background/avatar...
4 года назад
Background
Сегодня поговорим про такое свойство как Background-оно предназначено для изменения фона. Background-color- определяет цвет фона элемента. По умолчанию цвет фона всегда белый.(прозрачный) CSS .block{ background: transparent; } Можно записывать так или вот так .block{ background-color: transparent; } Разницы нет ни какой так так будет правильно. Таже фону можно задать любой цвет css .block{ background-color: # 00FFFF } Можно задавать цвет (RGB) .block{ background-color: rgb(24,181,164); } Или цвет (RGBA) ...
4 года назад
свойства CSS
Следующие свойство о котором мы свами поговорим называется line-height-устанавливает величину пространства между строками, например в тексте. В блочных элементах оно указывает минимальную высоту блоков строк внутри элемента...
4 года назад
CSS свойства
Сегодня мы продолжаем изучать свойства в CSS. И вторым свойством будет font-size-предназначено для изменения размера текста. При указании параметра в абсолютных единицах, его величина не будет меняться относительно значения родительского элемента. Задавать размер можно: Кроме этого можно использовать ключевые слова: Чаще всего пользуются "px".Все остальные единицы используются редко, но при желании вы можете использовать и их. При использовании относительных единиц,...
4 года назад
Свойства CSS.
Сегодня мы начнём говорить про свойства CSS. Лично по моему мнению CSS сложнее чем HTML по этому я буду стараться подробнее вам говорить про все теги CSS. И так сегодня мы начнём говорить про свойства которые помогут нам задать стили для текста. <head> <link href="stules...
4 года назад