現(xiàn)在我們來加 Logo 哦～，話說我這么懶就不用圖片 Logo 了～。
代碼如下，加在 #nav（就是 id="nav" 的元素） 里面：
<div id="logo">
<a href="#">代碼能有多難？</a>
</div>挺簡(jiǎn)單易懂的，一個(gè) div 里面放了個(gè)鏈接而已，你要是用圖片就把代碼能有多難？換成 <img src="你的圖片地址" /> 就行，這個(gè)大家應(yīng)該是會(huì)的。
然后說說這個(gè) href="#" 是個(gè)什么東東，他就是鏈接到當(dāng)前頁(yè)面本身，當(dāng)然其實(shí)他是用了錨點(diǎn)，不過我們后面再說。然后這個(gè)鏈接要不要新窗口打開？當(dāng)然不要，一個(gè)單頁(yè)面網(wǎng)站點(diǎn)一次 Logo 復(fù)制一個(gè)標(biāo)簽頁(yè)算什么神奇體驗(yàn)？所以關(guān)于是否新標(biāo)簽打開這個(gè)細(xì)節(jié)我們要多做思考，從實(shí)際體驗(yàn)和讀者需求出發(fā)去做決定，而不是聽老板的全部新標(biāo)簽打開的奇特理念。其實(shí)在日常我們用鼠標(biāo)中鍵點(diǎn)擊（滾輪也能按，別說你不知道）鏈接，就可以直接新標(biāo)簽打開，完全無視網(wǎng)頁(yè)本身的設(shè)置，這才叫隨心所欲的體驗(yàn)?？上Ш芏嗳瞬幌矚g學(xué)習(xí)這些使用技巧……
然后我們來看看代碼效果哦～
你說，媽呀！丑爆了，不跟你學(xué)了！
是挺丑的，本來不加鏈接還勉強(qiáng)可以看，這加上鏈接連我都看不下去了呢，要不咱們一起逃學(xué)？不過在走之前我們先把 CSS 寫一下，也算善始善終了。
雖然我們是小白，但是也大概猜得出來這藍(lán)色帶著下劃線的效果是鏈接造成的，而且我們說 div 幾乎不帶樣式，而我們也沒做什么定義呢，那就是鏈接的問題了。我們來寫 CSS：
#logo a {
color:#333;
text-decoration: none;
font-size:24px;
}然后解釋一下，先看選擇器 #logo a 這是什么意思呢，是 #logo 元素里面的所有 a 元素，這里就是說 id="logo" 這個(gè) div 里面的所有鏈接（a），所以明白啦，用空格分隔的的選擇器就是什么里面的什么。就好像說財(cái)務(wù)部的會(huì)計(jì)們，下午給大家發(fā)年終獎(jiǎng)！是指財(cái)務(wù)部里面的會(huì)計(jì)，其他的不要。這里是 #logo 里面的所有 a 們。你們的樣式是這個(gè)樣子的：
color 是顏色，確切的說是文字顏色，#333 其實(shí)是 #333333 的簡(jiǎn)寫，當(dāng)顏色值的數(shù)字兩兩相同的時(shí)候可以簡(jiǎn)寫，比如：#CDF 就代表 #CCDDFF 。
text-decoration 是文字的下劃線，這里寫 none 意思就是沒有啦，因?yàn)槲覀儾幌胍聞澗€。
font-size 是字體大小，前邊講過，我們這里選擇 24px。
然后我們?cè)倏匆谎坌Ч丁?/p>
誒，好像不那么難看了耶，但是還有兩個(gè)問題，要是能解決的話我們覺得還是可以繼續(xù)學(xué)習(xí)下去的。第一個(gè)是你這在垂直方向上都不居中，往上飄著那么明顯老板看到會(huì)罵死你的；第二個(gè)是能不能設(shè)置成粗體看看效果？
對(duì)于 CSS 來說，垂直居中是個(gè)比較麻煩的事情，他根據(jù)不同的情況有著多種的解決方案，在這里我們先來講一種簡(jiǎn)單的哦。當(dāng)你的內(nèi)容是單行文本的時(shí)候，你給他設(shè)置一個(gè)行高，這個(gè)行高等于他外部元素的高度，那么文字在它的外部元素中垂直居中。
說簡(jiǎn)單點(diǎn)行高就是這一行文字的高度，你設(shè)置一個(gè) 30px 的行高，但是文字大小設(shè)置的是 12px，明顯文字高度不夠用，于是上下就要補(bǔ)充空白，而美好的事情是上下補(bǔ)的空白是一致的，那我們們就利用這個(gè)來做垂直居中了。
所以上邊給加一個(gè)
line-height: 50px;就搞定垂直居中的問題了，現(xiàn)在說加粗，這個(gè)屬性很簡(jiǎn)單 font-weight，然后你說屬性值寫 bold，你看前面講的單詞我還記得哦～當(dāng)然沒問題，不過這個(gè)屬性的屬性值挺有意思的，所以我們?cè)谶@里多說幾句好了。
我們可以用 normal（普通），bold（粗體）這樣的值對(duì)他進(jìn)行定義，也可以用 100 —— 900 的整百的數(shù)字去定義字體的粗細(xì)，其中 400 相當(dāng)于 normal，而 700 相當(dāng)于 bold，明顯的，我們用數(shù)字可以更細(xì)致的去設(shè)置，也更直觀一些。那么用什么就看你個(gè)人的愛好了。
那么我們加入如下屬性：
font-weight: 700;然后看看效果：
雖然不算好看，但是我們這節(jié)課也算是想做什么就做出了什么，很隨心所欲的樣子！
本章學(xué)習(xí)卡片：卡片 17
本章代碼下載：本章代碼
本書是收費(fèi)的，不過交費(fèi)憑自覺。價(jià)格定義為每人請(qǐng)我喝一杯咖啡（哪種品質(zhì)的咖啡隨意），支付寶賬號(hào)：
alay9999@163.com （劉源）
為了讓大家閱讀方便，本書將在如下站點(diǎn)發(fā)布，但最終內(nèi)容以主站為準(zhǔn)：
未經(jīng)本人許可，禁止任何形式轉(zhuǎn)載。相關(guān)事宜請(qǐng)聯(lián)系： dms@zji.me
掃碼關(guān)注鍍金池微信號(hào)
手機(jī)訂課，優(yōu)惠多多