H1, h2, h3 - в ксс?

123
I2
На сайте с 07.03.2015
Offline
38
#11

так нужно)

даже можно перебивать стили)

---------- Добавлено 08.09.2015 в 18:22 ----------

А с чего Вы взяли, что должен быть обязательно движок?

Качественная верстка PSD макетов (/ru/forum/974524)
[Удален]
#12

Я если честно сам не до конца понимал что хотел, но теперь понял. Всё вопросы решены, спасибо всем :)

WebJunior
На сайте с 11.06.2010
Offline
155
#13
KitayacVsupez:
Я если честно сам не до конца понимал что хотел, но теперь понял.

очередная битва экстрасенсов окончена, 100500 сезон 😂

Мой сайт на этом хостинге - https://tuthost.ua/?from=2558 / Верстаю шаблоны (темы с отзывами: https://searchengines.guru/ru/forum/763758, https://searchengines.guru/ru/forum/600404 ).
I2
На сайте с 07.03.2015
Offline
38
#14

точно!😂

и я в ней победил, походу🤪

[Удален]
#15

Да я просто ещё не знаю всех стандартов, да и в css не очень, читаю официальные статьи но это просто ад какой то.

Вот что у меня получилось, на сколько это валидно?

ul, li, textarea, table{

font: 12px "Open sans", Arial, Tahoma, Sans-serif;
text-decoration: none;
font-weight: normal;
font-style: normal;
list-style: none;
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6{
text-decoration: none;
font-weight: normal;
font-style: normal;
list-style: none;
}

h2{
font-size: 14px;
}

h3{
position: relative;
font-size: 14px;
font-weight: 600;
padding: 0 0 0 14px;
}

h3::after {
position: absolute;
content: "";
left: 0;
top: 5px;
bottom: 6px;
width: 0px;
border: 5px solid transparent;
border-left: 5px solid green;
}
I2
На сайте с 07.03.2015
Offline
38
#16

h3::after {

position: absolute;

content: "";

left: 0;

top: 5px;

bottom: 6px;

width: 0px;

border: 5px solid transparent;

border-left: 5px solid green;

}

здесь не хватает display:block

и опечатка у Вас, два двоеточия перед after.

[Удален]
#17

Спасибо, сейчас поправлю. Там так-же ошибся с h3 font-size: 14px; надо 13px

---------- Добавлено 09.09.2015 в 10:46 ----------

Вот что получилось:

ul, li, textarea, table{

font: 12px "Open sans", Arial, Tahoma, Sans-serif;
text-decoration: none;
font-weight: normal;
font-style: normal;
list-style: none;
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6{
text-decoration: none;
font-weight: 600;
font-style: normal;
list-style: none;
}

h2{
font-size: 14px;
}

h3{
position: relative;
font-size: 13px;
padding: 0 0 0 14px;
}

h3::after {
position: absolute;
content: "";
left: 0;
top: 5px;
bottom: 6px;
width: 0px;
border: 5px solid transparent;
border-left: 5px solid green;
}

Остальные h4, h5, h6 делать не стал т.к. нет смысла вроде как :) Не принципиально-же если их не будет в css. display:block если ставлю иконка (маленькая стрелочка) косить начинает жостко :)

Всем спасибо большое, в частности indenger20. Вроде всё валидно, вот только мучился с: font-weight: 600; если не прописать 600, в некоторых браузерах заголовок вообще как текст обычный получается, странно.

---------- Добавлено 09.09.2015 в 10:46 ----------

:: убрал, спасибо что заметили.

S
На сайте с 13.10.2014
Offline
171
#18

KitayacVsupez, вам надо заучить как "Отче наш" вот этот сайт http://htmlbook.ru/samcss

font-weight: 600;

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

стандартные значения 400 и 700

400 - нормальное начертание

700 - болд

в принципе font-weight:700 и font-weight:bold -- идентичны

иногда используется тонкий font-weight:300 но эта плотность также поддерживается не всеми наборами шрифтов

I2
На сайте с 07.03.2015
Offline
38
#19
silicoid:
KitayacVsupez, вам надо заучить как "Отче наш" вот этот сайт http://htmlbook.ru/samcss

Полностью с Вами согласен☝

[Удален]
#20

silicoid, да я это знаю. Просто например в хроме у меня всё ок отображается без этого атрибута, а если захожу через мозилу то текст тонкий получается. Ну как так? Видимо нет никаких стандартов для браузеров.

У меня уже 20 вкладок открыто с изучением :)) С вашей помощью всю быстро познаю.

123

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий