К моему удивлению, современный браузер, кажется, не жалуется, если я использую собственные имена тегов, а затем стилизую эти теги так, как если бы они были обычными HTML-тегами, они ведут себя как элементы span и как элементы div, если я устанавливаю display:block;.
Я имею в виду, даже если я не использую полимер или пытаюсь зарегистрировать пользовательский элемент.
Например, у меня есть это:
https://jsfiddle.net/hvybz0nq/4/
Section 1
Section 2
Section 3
Add Section
Page 1
Page 2
Page 3
Add Page
С некоторым CSS:
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
flex-fixed, sections, section, div, pages, page {
display: flex;
}
body {
height: 100vh;
}
flex-fixed {
width: 100%;
height: 100%;
flex-direction: column;
position: fixed;
}
section {
border-right: 1px solid lightgrey;
}
splitter {
height: 1px;
background: lightgrey;
}
pages {
height: 100%;
border-left: 1px solid lightgrey;
align-self:flex-end;
flex-direction: column;
}
page {
border-bottom: 1px solid lightgrey;
}
section, page, div {
padding: 10px;
}
Подробнее здесь: https://stackoverflow.com/questions/350 ... or-styling
Могу ли я использовать собственные имена тегов без использования веб-компонентов только для стилизации? ⇐ Html
Программисты Html
1761060820
Anonymous
К моему удивлению, современный браузер, кажется, не жалуется, если я использую собственные имена тегов, а затем стилизую эти теги так, как если бы они были обычными HTML-тегами, они ведут себя как элементы span и как элементы div, если я устанавливаю display:block;.
Я имею в виду, даже если я не использую полимер или пытаюсь зарегистрировать пользовательский элемент.
Например, у меня есть это:
https://jsfiddle.net/hvybz0nq/4/
Section 1
Section 2
Section 3
Add Section
Page 1
Page 2
Page 3
Add Page
С некоторым CSS:
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
flex-fixed, sections, section, div, pages, page {
display: flex;
}
body {
height: 100vh;
}
flex-fixed {
width: 100%;
height: 100%;
flex-direction: column;
position: fixed;
}
section {
border-right: 1px solid lightgrey;
}
splitter {
height: 1px;
background: lightgrey;
}
pages {
height: 100%;
border-left: 1px solid lightgrey;
align-self:flex-end;
flex-direction: column;
}
page {
border-bottom: 1px solid lightgrey;
}
section, page, div {
padding: 10px;
}
Подробнее здесь: [url]https://stackoverflow.com/questions/35001173/can-i-use-custom-tag-names-without-using-web-components-just-for-styling[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия