Моделирование' <HTML>' элемент в CSS?
Если у вас есть несколько предметов и вы интересуетесь только математикой, вам нужно быть осторожным с фильтрацией:
select s.*, 'Maths' as subject, coalesce(m.mark, 0) as mark
from student s left join
mark m
on m.Id = s.id and m.subject = 'Maths';
6 ответов
Довольно часто вы встретите людей, которые стилизуют HTML-элемент, поскольку он влияет на то, как страница отображается.
Наиболее заметный стиль, который вы, вероятно, увидите, - это
html,body{
min-height:101%;
}
. Он используется для обеспечения того, чтобы полосы прокрутки в браузерах, таких как Firefox, всегда отображались на странице. Это останавливает сдвиг страницы влево и вправо при переключении между длинными и короткими страницами.
Я не верю, что ты можешь, но стиль <body> должен работать на тебя
Причина, по которой нам разрешено стилизовать элемент html, заключается в том, что это элемент DOM, как и любой другой. Все элементы DOM можно стилизовать так, чтобы они не были такими, как у контейнера. Возьмем этот пример:
<html><body>This is my page.</body></html>
Использование CSS для ограничения ширины тела до 80%, установка границ на теле и придание html другого цвета фона (создание эффекта «вне страницы») было бы вполне приемлемым, сохраняя семантику разметка без изменений, не прибегая к беспорядку в div.
Вот метод, который я обнаружил для центрирования контейнеров (по вертикали и горизонтали) на экране без использования множества разделов или таблиц, или даже без необходимости знать размер центрируемого контейнера.
html {
display:table;
width:100%;
height:100%;
}
body {
display:table-cell;
vertical-align:middle;
}
body > div {
# "shrink wraps" the div so you don't have to specify a width.
# there's probably a better way to do precisely that, but this works.
display:table;
margin:0 auto; # center the div
}
Вы можете стилизовать элемент html (черт возьми, вы можете head, title {display: block;} , если хотите), но поддержка браузером немного слабая (IIRC, Интернет Explorer <8 имеет проблемы).
Навскидку, я бы сказал: не является видимым элементом как таковым, и он содержит разделы для семантики (например, ) и данные презентации ( ).
С другой стороны, - это блок для видимых элементов, поэтому ему можно задать стиль представления.
Но люди применяют стили к элементу в нескольких случаях: (а) потому что все его дочерние элементы наследуют этот стиль, и (б) в особых случаях, таких как трюк с полосой прокрутки что упомянул Джейми Диксон.
html - это содержащий элемент для всего документа, он содержит , который отображается браузером и , который содержит метаинформацию о странице / документе, который вы просматриваете. На самом деле бесполезно иметь возможность стилизовать элемент html, поскольку он не отображается браузером.
Однако его можно использовать для создания селекторов CSS с помощью ( html div.dataView {color: red} , например)