這里的“*”號是通配符,即指,網(wǎng)頁html中所有標簽意思。
蓬萊網(wǎng)站建設公司創(chuàng)新互聯(lián)公司,蓬萊網(wǎng)站設計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為蓬萊成百上千家提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設要多少錢,請找那個售后服務好的蓬萊做網(wǎng)站的公司定做!
如:
*{padding:0; ... }
由于不同瀏覽器對于同樣的頁面元素有不同的默認樣式,所以使用通配符星號(*)先將所有可能影響布局的默認樣式統(tǒng)一一下是下十分必要的。而星號(*)匹配所有元素,省去了一個一個去寫元素名稱的麻煩。
一、首先從功能與設計目標來看, H5專網(wǎng)頁主要有以下4大類型:
1.活動運營型
為活動推廣運營而打造的H5頁面是最常見的類型,形式多變,包括游戲、邀請函、賀卡、測試題等形式。與以往簡單的靜態(tài)廣告圖片傳播不同,如今的H5活動運營頁需要有更強的互動、更高質(zhì)量、更具話題性的設計來促成用戶分享傳播。從進入微信H5頁面到最后落地到品牌App內(nèi)部,如何設計一套合適的引流路線也頗為重要。
2.品牌宣傳型
不同于講究時效性的活動運營頁,品牌宣傳型H5頁面等同于一個品牌的微官網(wǎng),更傾向于品牌形象塑造,向用戶傳達品牌的精神態(tài)度。在設計上需要運用符合品牌氣質(zhì)的視覺語言,讓用戶對品牌留下深刻印象。
3.產(chǎn)品介紹型
聚焦于產(chǎn)品功能介紹,運用H5的互動技術(shù)優(yōu)勢盡情展示產(chǎn)品特性,吸引用戶買買買。
這一類型的H5頁面多見于汽車品牌,LEXUS NX是其中的優(yōu)秀代表案例。精致和極富質(zhì)感的建模、細膩的光效營造出酷炫的視覺風格。用手指跟隨光的軌跡切割畫面揭開序幕,通過合理優(yōu)雅的觸碰、摩擦、滑動等互動形式帶領(lǐng)用戶一同探索產(chǎn)品的7大特性,宏觀和微觀都照顧周全。
4.總結(jié)報告型
自從支付寶的十年賬單引發(fā)熱議后,各大企業(yè)的年終總結(jié)現(xiàn)也熱衷于用H5技術(shù)實現(xiàn),優(yōu)秀的互動體驗令原本乏味的總結(jié)報告有趣生動了起來。
二.形式為功能服務
在確定了專題頁的功能目標之后,接下來就是關(guān)鍵的設計階段了。如何有的放矢地進行設計,需要考慮到具體的應用場景和傳播對象,從用戶角度出發(fā)去思考什么樣的頁面是用戶最想看的最會去分享的。
1.簡單圖文
簡單圖文是早期最典型的H5專題頁形式?!皥D”的形式千變?nèi)f化,可以是照片、插畫、GIF等。通過翻頁等簡單的交互操作,起到類似幻燈片的傳播效果??简灥氖歉哔|(zhì)量的內(nèi)容本身和講故事的能力。
2.禮物/賀卡/邀請函
每個人都喜歡收到禮物的感覺,抓住這一心理,品牌推出了各種H5形式的禮物、賀卡、邀請函,通過提升用戶好感度來潛移默化地達到品牌宣傳的目的。既然是禮物,那創(chuàng)意和制作便是重要的加分項。
3.問答/評分/測試
問答形式的H5頁面也屢見不鮮了,利用用戶的求知欲和探索欲,一路選選選,看最后到底是什么成績。一條清晰的線索是必要的,最后到達的結(jié)果頁也需要合理不突兀,如果能輔以出彩的視覺和文案,弱化答題的枯燥感那就再好不過了。
4.游戲
從 “圍住神經(jīng)貓”、“看你有多色”等單純小游戲再到杜蕾斯“一夜N次郎”(即山寨版“別踩白塊兒”)等品牌植入式小游戲,H5游戲因為操作簡單、競技性強,一度風靡朋友圈,但創(chuàng)意缺乏和同質(zhì)化現(xiàn)象導致用戶對無腦小游戲逐漸產(chǎn)生了厭倦。品牌要在游戲上做到成功傳播,需要在玩法和設計上多下點功夫。
三.為設計加分的4個要點
一個H5頁面設計品質(zhì)的出眾與否,會直接影響其傳播效果,甚至影響到用戶對品牌形象的認知。在這里總結(jié)出以下的設計要點:
1.細節(jié)與統(tǒng)一
要成就高品質(zhì)的用戶體驗,必須考慮到細節(jié)與整體的統(tǒng)一性。復古擬物的視覺風格,那字體就不能過于現(xiàn)代;幽默調(diào)侃的調(diào)調(diào),那文案措辭就不能過于嚴肅;打情感內(nèi)容牌的,動效就不能過于花哨。
2.緊跟熱點,利用話題效應
想要你的H5專題頁一夜爆紅,第一時間抓住熱點并火速上線,借機進行品牌宣傳也不失為一條捷徑。
3.講個好故事,引發(fā)情感共鳴
不論H5的形式如何多變,有價值的內(nèi)容始終是第一位的。在有限的篇幅里,學會講故事,引發(fā)用戶的情感共鳴,將對內(nèi)容的傳播形成極大的推動。
4.合理運用技術(shù),打造流暢的互動體驗
隨著技術(shù)的發(fā)展,如今的HTML5擁有眾多出彩的特性,讓我們能輕松實現(xiàn)繪圖、擦除、搖一搖、重力感應、擦除、3D視圖等互動效果。相較于塞入各種不同種類的動效導致頁面混亂臃腫,我們更提倡的是合理運用技術(shù),用心專注于為用戶提供流暢的互動體驗。
結(jié)語
隨著手機硬件的升級、HTML5技術(shù)的發(fā)展以及微信平臺的開放,HTML5的跨平臺、低成本、快迭代等優(yōu)勢被進一步凸顯,這對身處于移動互聯(lián)網(wǎng)大潮的企業(yè)主、品牌、設計師和開發(fā)者來說,都將是一個最好的時代。
style 標簽用于為 HTML 文檔定義樣式信息。
在 style 中,可以規(guī)定在瀏覽器中如何呈現(xiàn) HTML 文檔。
type 屬性是必需的,定義 style 元素的內(nèi)容。唯一可能的值是 "text/css"。意思是這里面的文本內(nèi)容(text)要當層疊樣式表 (css)來解析,不能當作其它的來解析。
由于唯一值type是"text/css" 所以一般不寫也是可以使用的,但是一般的代碼規(guī)范性是要要求要寫的。就看遵守不遵守代碼規(guī)范性了,寫不寫都是沒有影響的。
p?style="color:?red;"第一種方式/p
style
.aa?{
color:?red;
}
/style
p?class="aa"第二種方式/p
table標簽是table標簽
td標簽是td標簽
你不覺得是兩碼事不?
你的css只是作用于table標簽?。?/p>
修改方法是:
給table標簽設置上邊框和左邊框
給td標簽設置右邊框和下邊框
把該元素隱藏掉,而且移除dom中占的位置,會對其他元素的位置產(chǎn)生影響,區(qū)別于" visibility: hidden;",這個也是隱藏,但是會在頁面占據(jù)原本的位置。