如何編寫Hype 4中的對(duì)象的樣式。由于內(nèi)聯(lián)樣式和外鏈樣式的編寫方式是一樣的，本章的例子是把樣式編寫在外鏈樣式的文件中。

一、編寫Hype元素樣式

雖然Hype添加了CSS外鏈樣式，但是style.css文件是空白的，沒有指向元素的樣式語(yǔ)句。

為了避免樣式?jīng)_突，需要把面板中設(shè)置樣式的值設(shè)置為0或者無(wú)。

由于CSS樣式都是英文的，小編這里做了一個(gè)注析，列出了面板上的樣式與CSS樣式的英文名稱的對(duì)應(yīng)關(guān)系。注意：CSS樣式中的英文全部是小寫。

背景顏色（background-color）：無(wú)；邊框?qū)挾龋╞order-width）：0；邊框樣式（border-style）：無(wú)；邊框顏色（border-color）：默認(rèn)顏色。

其他的如：邊框半徑（border-radius），補(bǔ)白（padding）：0，不透明度（opacity），陰影（box-shadow），濾鏡（filter），字體（font-family），字體大?。╢ont-size），字體顏色（color），字體加粗（font-weight），文字對(duì)齊（text-align），文字陰影（text-shadow），字母間距（letter-space），行高度（line-height）等等，按照默認(rèn)值，不需要調(diào)整。

在這里要提醒小伙伴，在上一章講述了Hype內(nèi)部設(shè)置樣式的原理講到，一個(gè)對(duì)象有默認(rèn)行內(nèi)樣式：對(duì)象的位置（position），寬度（width），高度（height），邊框?qū)挾龋╞order-width），邊框樣式（border-style），邊框顏色（border-color）等等。

在設(shè)置對(duì)象內(nèi)聯(lián)或者外鏈樣式的時(shí)候，盡量避免設(shè)置對(duì)象的邊框樣式，而且設(shè)置了也不會(huì)顯示出來(lái)。當(dāng)然，通過樣式的優(yōu)先等級(jí)是可以顯示對(duì)象的邊框的，這個(gè)是下一章的內(nèi)容。

在場(chǎng)景中創(chuàng)建一個(gè)元素，然后到身份面板，給這個(gè)元素設(shè)置id名為text-box和class類名box1。

在鼠標(biāo)右鍵菜單，使用“文本編輯”打開創(chuàng)建在桌面上的style.css文件。按照CSS語(yǔ)言編寫規(guī)則，編寫類名為box1的對(duì)象的樣式。編寫樣式的時(shí)候?qū)ｉT寫上了對(duì)象的邊框樣式，小伙伴可以驗(yàn)證一下這個(gè)對(duì)象邊框能否別顯示出來(lái)。

樣式編寫結(jié)束后，按“Command + S”保存文件。返回到Hype軟件時(shí)，會(huì)有一個(gè)警告彈窗，意思是style.css已經(jīng)在Hype外部修改了，問是保留Hype資源庫(kù)中的版本還是以修改的版本來(lái)更新資源庫(kù)中的版本。

毫無(wú)疑問當(dāng)然選擇“更新”。此時(shí)在場(chǎng)景中，可以馬上看到樣式已經(jīng)作用到類名為box1的對(duì)象上了。

點(diǎn)擊“預(yù)覽”，對(duì)象的右鍵菜單選擇“檢查”。在console平臺(tái)右邊的style界面，可以看到在CSS樣式文件中編輯的box1樣式。但是，設(shè)置的邊框樣式并沒有顯現(xiàn)出來(lái)。

二、內(nèi)聯(lián)和外鏈樣式的局限性

在大多數(shù)情況下，網(wǎng)頁(yè)開發(fā)給出的建議是使用外鏈樣式，也就是把樣式寫在CSS文件上。這樣的好處是使HTML文檔容易管理和閱讀，不會(huì)使其凌亂，不利于后期對(duì)頁(yè)面的管理。

但是，在Hype交互動(dòng)效制作軟件中卻不一樣，它是制作動(dòng)畫的，有關(guān)鍵幀，需要樣式變化。如果還強(qiáng)調(diào)使用內(nèi)聯(lián)或者外鏈樣式，那會(huì)給動(dòng)畫的制作帶來(lái)非常大的麻煩，也失去了Hype軟件的優(yōu)勢(shì)。

三、小結(jié)

在Hype軟件中，對(duì)靜態(tài)或者沒有樣式變化的元素可以使用內(nèi)聯(lián)或者外鏈樣式。

一般而言，如果在Hype軟件中已經(jīng)設(shè)置了對(duì)象的樣式，又在內(nèi)聯(lián)或者外鏈樣式編寫了同一對(duì)象的相同樣式的不同值，那么內(nèi)聯(lián)或者外鏈樣式是不會(huì)起作用的。