我剛剛真的沒有看戲x台灣，標題只是心血來潮。本來是想學做一個橫式Menu，可以跳轉分頁。搜尋到最後變成學習Html連結Css，本來預計下週學習內容，不過遇到了就先學吧。
選擇影片學習我很注重幾點，如下。
<!Doctype html>
<html>
<head>
<title>Html link css</title>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<h1>Thimk about</h1>
<a href="index.html">Home</a>
<a href="pro.html">Pro</a>
<a href="have.html">Have</a>
<a href="need.html">Need</a>
</hr>
</body>
</html>
"link rel="stylesheet" href="css/style.css"/"
這句就是讓HTML和CSS連結的紅線
body{
background: lightblue;
font-family: arial;
}
h1{
font-size: 18px;
}
a{
color:black;
text-decoration: underline;
}
a:hover{
color: #9562A5;
text-decoration: none;
]
主要是看你標籤有哪些，Css就可以進行描述。
只要打上標籤名，後面在加｛｝即可。
分二頁的好處是你的Html會變得簡潔大方。
Home變紫色是因為滑鼠移過去，不過截圖看不到滑鼠。
think打錯了，不過懶得換圖。
Menu選單，這個功能感覺是滑動的，所以我打html side bar。
搜學結果跳出html sideber。
文本教學不太能理解，所以改用Youtube搜尋html sideber。
但是搜尋後才發現，不是我想要功能。
後來才知道html bar menu，才是我要的。
不過裡面有用到html link css file技術，這個沒有很熟。
之前在「盒子」鐵人文，Css的部分我是硬塞在Head裡頭。
所以趁今天時間還夠，學習大家比較常用的方法。
學習新技術就是這樣，想出可能關鍵字。
再透過搜尋過程，找到正確關鍵字。
雖然一開始關鍵字是錯的，但是通常會發現前人在論壇求助同樣問題。
明天要安價我做一個有基本功能的首頁。
感謝撥冗閱讀，有錯歡迎指教。
iThome鐵人賽
看影片追技術