<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<link rel="stylesheet" href="main.css" />
</head>
<body>
</body>
</html>
Когда я запускаю этот код, я вижу «Моя страница» в строке заголовка браузера и в теле тоже!Почему я вижу «название» в теле страницы (не только в строке заголовка)?
Почему я получаю это?
Нет. Это не даст и не приведет к такому результату. Вы пытались обновить/очистить кеш браузера?
Или вы указали что-то в main.css? Что-то вроде CSS Content (http://www.w3schools.com/cssref/pr_gen_content.asp)? –
Yup! Я мог бы найти преступника! У меня есть в main.css, * {дисплей: блок; } Теперь, мне любопытно, что такое hapenning? –
Блок отображения не может быть преступником в игре, где вы несете ответственность за размещение данных через css. И вам не нужно использовать '', если вы ранее указали doctype. –
Потому что <head> и <title> - это всего лишь теги, как и все остальное. И селектор * подбирает их тоже.
Для пинков, взгляните на this fiddle, который ясно демонстрирует, когда вы даете head и titledisplay:block стиль, они действительно показывают, как текст на странице:
HTML
<body>
<p>hi</p>
</body>
CSS
head, title {display:block}
Выход
- jsFiddle демопривет
Для немного больше удовольствия, we can color things too. И мы даже узнаем что-то о внутренней работе JSFiddle в этом процессе. Похоже, они встроили ваш стиль в тег <style> внутри <head>. Ха!
reset css - намного лучший вариант, чем '*'. –
да, это правда! Что делать, если мы добавим '* {color: blue;}'? Это относится также к заголовкам, заголовкам, ... тегам? –
@ SathyamoorthyR Это смешно, что вы должны это упомянуть. Взгляните на мою последнюю ссылку (https://jsfiddle.net/ecr1hbcb/3/) –
Ну [ясно] (https://jsfiddle.net/ecr1hbcb/) ваш main.css выглядит так: 'body: after {content: 'My Page'}'. –
Я очистил все от main.css - Нет проблем! Но, когда я добавляю '* {display: block; } 'Я понимаю. @lc. –