2014-01-06 2 views
1

Specifaclly Я просто хочу, чтобы изменить этот заголовок, давая его собственный, цвет, шрифт, размер, weight.etcКак мне создать заголовок собственной таблицы стилей?

<div id="header"> 
    <a href="google.com"> 
    <h1> 
     <li><a href="#" class="navLink">EXAMPLE LINK</a></li> 
    </h1> 
</div> 
+0

ваш первый a-tag не заканчивается –

ответ

1

Во-первых, есть несколько ошибок в вашем HTML, которые должны быть закреплены первым:

<div id="header"> 
    <!-- needs a closing </a> tag and some text, as well as a full href --> 
    <a href="http://google.com"></a> 
    <!-- what is your reason for using an LI element here? --> 
    <h1><li><a href="#" class="navLink">EXAMPLE LINK</a></li></h1> 
</div> 

насколько стиль, вы можете использовать CSS, например, так:

h1 { 
    color: red; 
    font-size: 5em; 
    text-decoration: underline; 
} 

/* etc. */ 

поиск Google для основных CSS учебники. После того, как вы решите, какие стили вы хотите применить, просто сохраните свой текстовый документ как нечто вроде «style.css» и добавьте элемент LINK в заголовок вашего HTML-файла (это позволит вам использовать его как внешний таблицы стилей):.

<head> 
    <link rel="stylesheet" href="style.css" /> 
</head> 

есть другие способы применения стилей, таких как встроенный стиль и т.д., но выше, является одним из наиболее типичных способов собирается делать это.

Вот некоторые ресурсы, чтобы вы начали:
w3schools CSS tutorial
CSS-Tricks
How to apply stylesheets

+0

dude dont забудьте: href = "http: // google.com" :) –

0

Here is a jsfiddle

Вы определяете таблицу стилей с:

<link href="<path>/site.css" rel="stylesheet" type="text/css" /> 

где <path> -р ath в таблицу стилей и Site.css - это имя вашей таблицы стилей. Обычно это <head>.

Вы делаете это либо с помощью встроенного стиля, либо с помощью раздела style на своей странице или в файле стиля. Я не был уверен, хотите ли вы форматировать a. Кроме того, я не был уверен, хотите ли вы форматировать заголовок div или h1. Если вы хотите стиль h1, замените #header на h1 в css.

Смежные вопросы