Изучение CSS/CSS3 | #7 - Стили для текста, а также шрифты CSS

Показать описание

Текст - это основа любого современного сайта, поэтому очень важно сделать сам текст красивым и приятным для чтения. Именно об этом будет наш сегодняшний видеоурок!

Изучение CSS/CSS3 | #7 - Стили для текста, а также шрифты CSS

✔ -------------

Помощь в развитии канала.
* Яндекс Деньги: 410014343706921

* Кошельки WebMoney:
- Доллар: Z331064341236
- Гривна: U386388718252
- Рубль: R214610220703

Рекомендации по теме

Комментарии

Автор неверно объяснил значение em. Оно изменяет размер шрифта относительно РОДИТЕЛЬСКОГО элемента. Т.е. если вы для body поставите 30px, то в абзаце Р при em=1.5 шрифт будет 45px.

XpeHoMeC

Отличное доступное видео для начинающих. Успехов автору в 2019 году.

fflcetu

там дается в итоге строка для вставки ссылкой на шрифт, для html и строка для шрифта в CSS. Очень удобно)
для шрифта "Marck Script" примерно так выглядит
в CSS : font-family: 'Marck Script', cursive;

AllSoCutecool

что еще хочется добавить - когда перечисляешь шрифты, сначала нужно ставить самый редкий, потом похожий, но более распространенный, а потом уже serif ( с засечками) или sans-serif ( без засечек). когда браузер будет загружать html, он будет отображать первый найденный шрифт, читая из предложенного слева направо

konstantindude

4:24 это там что, кто то угарает про себя ?)

explosive

А можно ли загрузить шрифт в документ? (ну какой нибудь необычный)

Ulibaykin_Serg

А если шрифт со стороны надо подключить???

xciwuxs

Почему у меня не работает font-style weight и т.д. когда прописываю в сss файле, никаких изменений текста хотя все по видео делал

dimashklyanka

если у кого не получилось 1:32, вместо none или цвета, просто прописать
#textStyles:hover {
background-color: initial;
}

gimalay_

sans-serif делает текст без засечек. Можно было бы написать там serif, fantasy или любой другой, если у пользователя не будет первого шрифта, браузер отобразит тот, который идет через запятую.

Choo___choo

а что касательно вертикального ритма? Тоже, довольно, интересная тема

konstantindude

как сделать оформления заголовков с разреженным буквенным расстоянием?

ozodaozoda

Добрый день Гоша
Можно ли сделать так чтобы пользователи сайта не могли масштабировать ?
Можно ли сделать сайт в 100% нормале

Еcли знаете напишите

kxanumaroff

ЖОРА, ЧО ТАК "МАЛО" РЕКЛАМЫ?

dimondimarikdmitry

а что делать если на 1:50 когда навожу курсор всё равно цвет меняется ?? Всё правильно полностью написано

mraworuniverse

почему у меня какая-то проблема со шрифтами? все работает через раз, а шрифты fantasy и comic sans вообще не отображаются(если что я все делаю в опере)

hyper

I like your videos. This one are good)

zqkrupi

привет. Где лучше тогда писать align? в html или css? вроде разницы нету)

arrowshunter

Ребята, что- то вообще ничего не выходит:
html:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Contetn-Type"
<link rel="stylesheet" type="text/css" href="workwihttext.css" />
<title>работа с текстами</title>

</head>
<body>
<h1 id="header">Заголовок первого уровня</h1>
<h1 id="header_1">Заголовок первого уровня</h1>
<p class="style">здесь находится <i>текст</i> параграфа</p>
<h3 class="style">заголовок 3 уровня</h3>
<p class="style"> еще немного текста здесь!!!</p>
<h3 class="style">заголовок 3 уровня</h3>
<p class="example">example</p>
<b class="example">example</b>
<a href="#" class="href" title="Проверка">ссылка для стилей</a>
<p id="example" class="style"> еще немного текста здесь!!!</p>
<p id="textStyles"> еще немного текста здесь!!!</p>
</body>
</html>

css:

html{

}
#header{color: blue}
#header_1{color: green}
h3.style{color:yellow}

p.example, b{font-size:40px;
font-weight:bold}

p#example:first-letter {
color:red
}
p#example:first-line {
color:green
}
a.href{
color:#blue;
}
a.href:hover{
color:#green;
}
a.href:active{
color:#yellow;
}
a.href:visited{
color:#yellow;
}
p#textStyles:{
font-size: ;
font-weight:normal;
}
в textStyles ничего не меняется... в остальных абзацах, заголовках все менятся, помогите!

vkqsvhf

Привет. У меня к вам вопрос. Если картинку делать в фотошопе, то как сделать её на главном фоне?

yutirehamazuki

Изучение CSS/CSS3 | #7 - Стили для текста, а также шрифты CSS

Изучение CSS/CSS3 | #7 - Стили для текста, а также шрифты CSS

Изучение CSS для новичков / Урок #7 – Стили для блоков

Изучение CSS/CSS3 | #10 - Позиционирование блоков в CSS + создание небольшого веб сайта...

Уроки CSS3 з нуля / #7 - Стилі для блоків

CSS3 #7 Позиционирование и размеры (Positioning & Sizing)

Изучение CSS/CSS3 | #8 - Блоки в CSS, главные свойства

Изучение CSS/CSS3 | #5 - Псевдоклассы и псевдоэлементы в CSS

Изучение CSS для новичков / Урок #8 – Позиционирование блоков...

Свойства блоков. CSS padding. CSS margin. CSS display. Уроки CSS HTML JS. Урок №7...

Уроки по CSS CSS3 Часть 7 Рамки

Изучение CSS/CSS3 | #4 - Селекторы в CSS, а также правила CSS

HTML5, CSS3. Урок 7. Новые возможности в CSS3.

Создание сайта на HTML5 и CSS3. Урок 7

Изучение CSS/CSS3 | #6 - Как указать задний фон картинкой CSS...

Изучение CSS/CSS3 | #2 - Что такое CSS? В чем его преимущества?

Изучение CSS/CSS3 | #14 - Немного о CSS3, где брать информацию, завершающий урок CSS...

Основы CSS3. Полный курс

Изучение CSS/CSS3 | #11 - Свойства блоков CSS. Свойство Display и Overflow...

Практика. HTML5 и CSS3 Advanced. Урок 7.

Переменные в самом CSS. Переменные урок CSS3.

HTML5 и CSS3. Урок 7. Формы

Позиционирование CSS relative, absolute, fixed // Position css // Уроки CSS с нуля // CSS3...

CSS3 для начинающих | #7 Оформление текста

Создаем сайт на HTML5 + CSS3 | Урок №7 - Создаем страничку 'О нас'...