2014-02-18 3 views
-7

Почему этот код не работает на моем компьютере? Я ожидал, что мой прием будет отображаться шрифтом Arial.У меня есть css fail Мне нужно исправить

<h1 style="font-family: arial;"></h1> 
<h1>Welcome</h1> 
+3

Пожалуйста, определите, что «не работает». Что не работает? Что вы ожидаете? – RononDex

+1

Что не работает - что вы ожидаете? Что не происходит? –

+0

Стиль, определенный непосредственно в теге, влияет только на этот тег, и, в зависимости от стиля, теги детей. – atomAltera

ответ

5

Единственный CSS применяется к h1, который не имеет текста. Поскольку у него нет текста, вы не видите изменения шрифта.

Вам нужно либо переместить атрибут стиля к элементу с текстом:

<h1 style="font-family: arial;">Welcome</h1> 

Или использовать правильную таблицу стилей.

<style> 
     h1 { 
      font-family: arial; 
     } 
    </style> 
</head> 
<body> 
    <h1>Welcome</h1> 

(листы Внешнего стиля, связанные с HTML-документом с помощью <link> элемента являются предпочтительными

+0

+1 Как я думаю, это то, чего хочет OP. Хорошо объяснил тоже. – Ruddy

0

Попробуйте это:..

<h1 style="font-family: arial;">Welcome</h1> 

Надеется, что это помогает

0

вашего CSS:

h1 { 
    font-family: arial; 
} 

и ваш HTML:

<h1>Welcome</h1> 

вы должны назначить свой стиль в нужном теге. В вашем коде есть два h1-тега. Если вы примените тег стиля непосредственно в первом, второй не будет затронут. Если вы работаете со списком стилей, как в моем примере, оба будут влиять, потому что я напрямую ссылаюсь на стиль для всех balsies h1.

2

Когда вы создаете элемент, используя атрибуты на вкладке открытия, он просто применяется к этому элементу, поэтому вместо этого вы можете использовать <h1 style="font-family: arial;">Welcome</h1>. но если вы хотите применить стиль для всех элементов h1 вы должны написать стиль либо в голове элемента, как это:

<head> 
<style> 
h1{ 
font-family: arial; 
} 
</style> 
</head> 

или в отдельном файле CSS.

+1

Это не то, как работает CSS. –

+0

Элемент 'head' не может содержать' body'; он может содержать «стиль». Перед отправкой ответа убедитесь, что вы распространяете правильные знания. –

+1

Я изменил эту ошибку –

1

Используйте это - оно будет легко понято Сохраните этот файл в home.html и запустите его в любом браузере.

<body> 
<h1 style="font-family: arial;">Welcome</h1> 
</body> 
Смежные вопросы