2014-01-06 46 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

您的第一個標記不結束 –

回答

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. */ 

搜索谷歌爲基本的CSS教程。一旦你確定了你想要應用的樣式,只需將你的文本文檔保存爲「style.css」,然後在HTML文件的頭部添加一個LINK元素(這將允許你將它用作外部樣式表):

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

還有其他的方法來應用樣式,如內嵌樣式等,但以上是要去這樣做是比較典型的方式之一。

這裏有一些資源,讓你開始:

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

其中<path>是p:
w3schools CSS tutorial
CSS-Tricks
How to apply stylesheets

+0

哥們別忘了: href =「http:// google.com」 :) –

0

Here is a jsfiddle

您與指定樣式表運行到樣式表和Site.css是樣式表的名稱。這通常在<head>

您可以在頁面或樣式文件中使用內聯樣式或style部分執行此操作。 我不確定你是否想要格式化a。另外,我不確定是否要設置標題div或h1的樣式。如果您想要設置h1,請在css中將#header替換爲h1

相關問題