整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          我的HTML的布局的小秘密

          .頭部與輪播

          1. 頭部頁面整潔,各個功能部分要求不能靜態,其中頭部中的首頁、華為官網等等文字,當鼠標移入就要字體顏色發生變化,而且搜索欄當鼠標點擊,文字要自動消失。
          2. 輪播:不但要自動輪動,而且當鼠標移入,滾動就停止,右下角也要有五個小點選擇,左右也要
          3. 上下按鈕,滿足上下切換,頁面的切換。


          1. 圖1 頭部 以及 輪播

           圖1 輪播代碼
          1
          

          點擊 圖1中的頭部中Select Region 彈出遮罩層

          當彈出遮罩層后,中間有一個白色文本框,文本框里面可以選擇各種選擇,而且鼠標移入選擇項中也需要發生顏色的變化,作為顯示給用戶當前的鼠標位置,讓人看起舒服而清晰。
          1
          

          二.中間

          圖二 商品

          1. 中間作為商品信息,一張圖片內不止要求可以顯示價格的提示,而且也要簡單描述功能的提示,每一張圖也是有聯系的,位置與空隙要保持優美的一致。
          2. 功能:每一張圖片點擊都要有跳到相應的頁面,鼠標移入時,要有一個動漫效果。
           圖二 html的代碼
          1
          

          三. 尾部

          圖三 信息相關

           圖三 布置代碼
          1
          

          1. 尾部不止要求排布一目了然 ,而且可以用來顯示相關服務信息,和相關合作信息,和客服詢問等等…
          2. 每一個文字都跳轉鏈接與鼠標移入可以出現顏色發生變化。

          四、 開發總結

          本人從事在線教育十年工作經驗現在精心整理了一套從小白到項目實踐開發各種學習資料如果你想學想加入我們請關注我在私信回復“編程”就可以領取學習資料!!!

          圖1

          圖1代碼

          第一次代碼都是靠自己打的,我發現原來每一個項目之中的每一部分,可以多種代碼方式來實現的,這無疑提高了我的實現每一個代碼功能探索,比如圖1中的五段文字要有高亮效果以及下劃線高亮效果,首先我用的是js方式來實現,但是才發現下劃線不可完美的實現效果,下劃線的大小不好,文字與下劃線距離不好,從而我想到用hover偽類實現這一效果,如圖1代碼:一開始我把每一個文字用span標簽來,每一個span標簽外面我都要用一個p標簽來包裹著,為什么我要如此布局呢?因為這樣方便我五個中只有后三個才有高亮效果的功能,雖然復雜,但是也讓我對每一層代碼布局的深入認識的了解哦。

          用另外一種代碼方式來做同一種的功能也不錯哦!我覺得可以探索每一種代碼實現方式,加深的了解,整體來我學習到了布局的多種方式。

          置--WLAN--WLAN--默認(開啟)--根據個人情況設置*

          --更多WLAN設置--WLAN+--WLAN+--默認(關)--根據個人情況設置*

          --WLAN直連--根據個人情況設置*

          --WLAN安全檢測--默認(開)--根據個人情況設置*

          --WLAN信息共享--默認(關)--根據個人情況設置*

          --已保存的網絡--根據個人情況設置*

          --安裝證書--根據個人情況設置*

          設置--藍牙--藍牙--默認(關)--根據個人情況設置(開)

          --設備名稱--默認(HUAWEI M6)--根據個人情況設置(ZVRD-AL09)

          --接收文件--根據個人情況設置*

          設置--移動網絡--飛行模式--默認(關)--根據個人情況設置*

          --移動數據--根據個人情況設置*

          【安裝完SIM卡再回來設置】

          --個人熱點--個人熱點--默認(關)--根據個人情況設置*

          --設備名稱--根據個人情況設置*

          --密碼--根據個人情況設置

          --已連接設備--根據個人情況設置*

          --更多共享設置--單次流量限制--默認(不限)--根據個人情況設置*

          --AP頻段--默認(2.4GHz頻段)--根據個人情況設置*

          --WLAN信號橋--默認(關)--根據個人情況設置*

          --通過藍牙共享網絡--默認(關)--根據個人情況設置*

          --USB共享網絡--默認(關)--根據個人情況設置(隱形設置,通過USB連接設備后顯現)*

          --流量管理--根據個人情況設置(專項,詳見平板管家--流量管理)*

          --超級終端--附近我的設備--本機--允許被發現--默認(僅附近我的設備)--根據個人情況設置*

          --允許附近設備訪問本機以下權限--相機--默認(開)--根據個人情況設置*

          --麥克風--默認(開)--根據個人情況設置*

          --更多超級終端設置--服務流轉推薦--默認(開)--根據個人情況設置*

          --多設備圖庫瀏覽--默認(開)--根據個人情況設置*

          --更多連接--華為分享--華為分享--默認(關)--根據個人情況設置*

          --允許獲取華為賬號權限--默認(關)--根據個人情況設置*

          --共享至電腦--默認(灰選(關))--根據個人情況設置*

          --平板投屏--無線投屏--默認(關)--根據個人情況設置*

          --打印--默認打印服務--默認(關)--根據個人情況設置*

          --VPN--根據個人情況設置*

          --加密DNS--默認(關)--根據個人情況設置*

          設置--桌面和壁紙--主題-根據個人情況設置*

          --雜志鎖屏--開啟雜志鎖屏--默認(關)--根據個人情況設置*

          --壁紙--根據個人情況設置

          --圖標--根據個人情況設置*

          --桌面設置--根據個人情況設置*

          --桌面風格--默認(標準風格)--根據個人情況設置*

          --鎖屏簽名--根據個人情況設置*

          設置--顯示和亮度--亮度--自動調節--默認(開)--根據個人情況設置*

          --顯示模式--深色模式--定時開啟--默認(關)--根據個人情況設置*

          --全天開啟--默認(關)--根據個人情況設置*

          --護眼模式--定時開啟--默認(關)--根據個人情況設置(開)

          --開始時間--根據個人情況設置(主從)

          --結束時間--根據個人情況設置(主從)

          --全天開啟--默認(關)--根據個人情況設置*

          --藍光過濾--藍光過濾--默認(中間值)--根據個人情況設置(最大)

          --字體與顯示大小--字體樣式--根據個人情況設置(專項,詳見主題)*

          --字體大小與粗細--字體大小--默認(標準)--根據個人情況設置*

          --字體粗細--默認(標準)--根據個人情況設置*

          --顯示大小--默認(默認)--根據個人情況設置*

          --屏幕--休眠--默認(永不)--根據個人情況設置*

          --色彩與色溫--自然色彩顯示--默認(關)--根據個人情況設置(開)

          --色彩調節與色溫--色彩模式--默認(鮮艷)--根據個人情況設置(標準)

          --色溫--默認(默認)--根據個人情況設置*

          --智能分辨率--默認(開)--根據個人情況設置(關)

          --平行視界--暢連--默認(開)--根據個人情況設置*

          --玩機技巧--默認(關)--根據個人情況設置(開)

          --智慧生活--默認(關)--根據個人情況設置(開)

          --華為商城--默認(開)--根據個人情況設置*

          【安裝完全部App后設置,后續新安裝App后也需要針對的設置】

          --更多顯示設置--狀態欄--顯示運營商名稱--默認(開)--根據個人情況設置(關)

          --顯示實時網速--默認(關)--根據個人情況設置(開)

          設置--聲音和震動--聲音模式--響鈴--默認(開)--根據個人情況設置*

          --振動--默認(關)--根據個人情況設置*

          --靜音--默認(關)--根據個人情況設置*

          --免打擾--立即開啟--默認(關)--根據個人情況設置*

          --定時開啟--周日周六--根據個人情況設置*

          --添加“定時開啟”--根據個人情況設置*

          --允許打擾--來電--默認(僅允許收藏聯系人)--根據個人情況設置*

          --信息--默認(禁止所有人)--根據個人情況設置*

          --重復來電響鈴--默認(開)--根據個人情況設置*

          --音量--來電、信息、通知--根據個人情況設置(最大)

          --鬧鐘--根據個人情況設置(最大)

          --點擊更多

          --音樂、視頻、游戲--根據個人情況設置(最大)

          --通話--根據個人情況設置(最大)

          --智慧語音--根據個人情況設置(最大)

          --音量鍵默認控制--默認(媒體音量)--根據個人情況設置*

          --鈴聲--來電鈴聲--振動--默認(標準)--根據個人情況設置

          --選擇本地音樂--根據個人情況設置*

          --系統鈴聲--Spin

          --信息鈴聲--振動--默認(滴答)--根據個人情況設置

          --選擇本地音樂--根據個人情況設置*

          --系統鈴聲--Chess

          --通知鈴聲--振動--默認(滴答)--根據個人情況設置

          --選擇本地音樂--根據個人情況設置*

          --系統鈴聲--Fountain

          --杜比全景聲--默認((灰選(開))--根據個人情況設置*

          --模式--默認(音樂)--根據個人情況設置*

          --智能均衡器--默認(無)--根據個人情況設置*

          --模式--默認(音樂)--根據個人情況設置(智能)

          --更多聲音和振動設置--開機鈴聲--默認(開)--根據個人情況設置(關)

          --撥號按鍵音--默認(默認)--根據個人情況設置(無聲)

          --鎖屏提示音--默認(開)--根據個人情況設置(關)

          --截屏提示音--默認(開)--根據個人情況設置(關)

          --觸摸提示音--默認(關)--根據個人情況設置*

          --緊急提示音--默認(關)--根據個人情況設置(警報)

          --響鈴時振動--默認(開)--根據個人情況設置*

          --系統振動反饋--默認(關)--根據個人情況設置*

          設置--通知--桌面圖標角標--角標顯示方式--默認(數字角標)--根據個人情況設置*

          --鎖屏通知--默認(顯示所有通知)--根據個人情況設置(隱藏通知內容)

          --更多通知設置--通知亮屏提示--默認(關)--根據個人情況設置*

          --收到通知時指示燈閃爍--默認(開)--根據個人情況設置*

          --狀態欄顯示通知圖標--默認(開)--根據個人情況設置*

          --通知管理--批量管理--根據個人情況設置*

          --按發送時間排序*

          設置--生物識別和密碼--生物識別--人臉識別--人臉識別可用于--解鎖屏幕--默認(滑動解鎖)--根據個人情況設置和(直接解鎖)

          --智能顯示鎖屏通知--默認(開)--根據個人情況設置(關)

          --訪問應用鎖--默認(關)--根據個人情況設置*

          --自動填充賬號和密碼--默認(開)--根據個人情況設置(關)

          --解鎖時需要連接可信設備--解鎖時需要連接可信設備--默認(關)--根據個人情況設置*

          --暗光環境下屏幕補光--默認(關)--根據個人情況設置(開)

          --面部列表--根據個人情況設置*

          --密碼--更改鎖屏密碼--根據個人情況設置*

          --關閉鎖屏密碼--根據個人情況設置*

          --其他--智能解鎖--智能解鎖--默認(開)--根據個人情況設置(關)

          --增強模式--根據個人情況設置(主從)*

          --解鎖設備--添加解鎖設備--根據個人情況設置(主從)*

          --安全鎖定設置--在關機界面使用鎖定模式--默認(關)--根據個人情況設置(開)

          設置--應用和服務--應用管理--根據個人情況設置*

          【安裝完全部App后設置,后續新安裝App后也需要針對的設置】

          --應用啟動管理--根據個人情況設置*

          【安裝完全部App后設置,后續新安裝App后也需要針對的設置】

          --服務管理---右上角四點--自動更新--服務自動更新--默認(開)--根據個人情況設置*

          --權限管理--根據個人情況設置*

          【安裝完全部App后設置,后續新安裝App后也需要針對的設置】

          --默認應用--桌面--默認(華為桌面)--根據個人情況設置*

          --電話--默認(聯系人)--根據個人情況設置*

          --信息--默認(信息)--根據個人情況設置*

          --瀏覽器--默認(瀏覽器)--根據個人情況設置*

          --輔助應用和語音輸入--輔助應用--默認(無)--根據個人情況設置*

          --語音輸入--默認(智慧語音)--根據個人情況設置*

          --打開鏈接--在應用中打開鏈接--默認(開)--根據個人情況設置*

          【安裝完全部App后設置,后續新安裝App后也需要針對的設置】

          --更多默認應用--相機--相機--默認(系統默認)--根據個人情況設置*

          --圖庫--圖庫--默認(系統默認)--根據個人情況設置*

          --華為打印

          --智慧生活打印

          --視頻--華為視頻--默認(系統默認)--根據個人情況設置*

          --音樂--華為音樂--默認(系統默認)--根據個人情況設置*

          --郵件--電子郵件--默認(系統默認)--根據個人情況設置*

          --PDF文檔--無--默認(無)--根據個人情況設置*

          --華為打印

          --閱讀

          --智慧生活打印

          --Word文檔--無--默認(無)--根據個人情況設置*

          --華為打印

          --閱讀

          --智慧生活打印

          --Excel文檔--無--默認(無)--根據個人情況設置*

          --華為打印

          --閱讀

          --智慧生活打印

          --PowerPoint演示文檔--無--默認(無)--根據個人情況設置*

          --華為打印

          --閱讀

          --智慧生活打印

          --文本文檔--無--默認(無)--根據個人情況設置*

          --HTML查看器

          --閱讀

          --華為打印

          --智慧生活打印

          --華為錢包

          --壓縮文件--壓縮文件查看器--默認(開)--根據個人情況設置*

          --自動填充服務--選擇服務--默認(密碼保險箱)--根據個人情況設置(專項,詳見安全--密碼保險箱)*

          --應用助手*

          --應用分身--根據個人情況設置*

          【安裝完全部App后設置,后續新安裝App后也需要針對的設置】

          設置--電池--根據個人情況設置(專項,詳見平板管家--電池)*

          設置--存儲--清理加速--根據個人情況設置(專項,詳見平板管家--清理加速)*

          設置--安全--查找設備--根據個人情況設置(專項,詳見云空間--查找設備)*

          --SOS緊急求助--個人緊急信息--根據個人情況設置*

          --緊急聯系人--默認(未添加)--根據個人情況設置*

          --自動發送求助信息--默認(關)--根據個人情況設置*

          --自動撥打求助電話--默認(關)--根據個人情況設置*

          --試聽求助錄音*

          --暢連視頻報警--默認(灰選(關))--根據個人情況設置*(暢連激活后可以設置)

          --應急預警通知--地震預警--默認(關)--根據個人情況設置*

          --預警區域及功能說明*

          --查看預警演示教程*

          --功能設置--緊急避難所*

          --緊急聯系人*

          --個人緊急信息--根據個人情況設置*

          --密碼保險箱--自動保存及填入賬號和密碼--默認(開)--根據個人情況設置(關)

          --管理應用自動填充--默認(灰選(關))--根據個人情況設置*

          --支付保護中心--支付保護中心--進入

          --安全提示--默認(關)--根據個人情況設置(開)

          --全部--默認(關)--根據個人情況設置(開)

          【安裝完全部App后設置,后續新安裝App后也需要針對的設置】

          --應用鎖--應用鎖--開啟

          --選擇應用鎖驗證密碼--根據個人情況設置(自定義密碼)

          --設置密保問題--根據個人情況設置

          --關聯人臉識別--根據個人情況設置(取消)

          【安裝完全部App后設置,后續新安裝App后也需要針對的設置】

          --文件保密柜--根據個人情況設置*

          『--立即啟用--創建保密柜至--根據個人情況設置

          --設置保密柜密碼--根據個人情況設置

          --設置密保問題--根據個人情況設置

          --關聯華為賬號--默認(選擇關聯)--根據個人情況設置

          --設置--密碼--修改密碼--根據個人情況設置*

          --修改密保問題--根據個人情況設置*

          --關聯華為賬號--根據個人情況設置*

          --高級--切換保密柜--根據個人情況設置*

          --保密柜位置--根據個人情況設置*

          --銷毀保密柜--根據個人情況設置*』

          --更多安全設置--設置SIM卡鎖--根據個人情況設置*

          【安裝SIM后來設置】*

          --密碼可見--默認(開)--根據個人情況設置*

          --設備管理器*

          --加密和憑證*

          --外部來源應用下載--默認(關)--根據個人情況設置*

          --安裝外部來源應用--右上角四點--顯示系統進程

          --根據個人情況設置(全部不允許)

          【安裝完全部App后設置,后續新安裝App后也需要針對的設置】

          --允許通過HDB連接設備--默認(關)--根據個人情況設置(開)

          --撤銷HDB連接授權--根據個人情況設置

          --可信代理應用--智能解鎖--默認(關)--根據個人情況設置*

          --使用情況訪問權限--右上角四點--顯示系統進程

          --根據個人情況設置(全部關閉,如果要使用健康使用平板APP,要允許訪問使用記錄)

          【安裝完全部App后設置,后續新安裝App后也需要針對的設置】

          --屏幕固定--屏幕固定--默認(關)--根據個人情況設置*

          著HarmonyOS 2的發布,全新的HarmonyOS字體也隨之誕生。字體背后的精彩故事,一起向下看。

          全新的HarmonyOS字體不僅看起來更舒適美觀,還新增了無級字重調節功能,并為多設備帶來了整體統一的視覺體驗。今天,我們就來品一品HarmonyOS字體的三大看點吧!

          看點一:閱讀體驗更舒適

          細心的用戶會發現,相比于其他字體,HarmonyOS字體筆畫結構更清爽,明顯削弱了傳統黑體的機械感,整體呈現效果干凈利落,韻味十足,這樣的字體,你愛了嗎?

          有別于傳統印刷字體,系統字體更看重“易讀性”繁瑣的筆畫、不均勻的布白,都會直接降低閱讀體驗,HarmonyOS字體針對多元的應用場景對字體的“灰度”感受進行了優化。同時,在短筆畫時保持橫平豎直,撇捺彎鉤長筆畫中融入書法的筆勢美學,讓字體結構更加清晰,筆畫銜接更加自然,在不同場景下具有更好的易讀性和藝術美感。

          此外,HarmonyOS字體重新設計了中文、拉丁文、希利爾文、希臘文、阿拉伯文的字形樣式,支持100+語言,讓多語言下閱讀體驗更加一致。

          看點二:字重調節更自如

          除了調節字體大小這種入門技能,HarmonyOS字體還能任意調節字體粗細~

          HarmonyOS字體新增無級字重變化,終于實現了“字重”自由——小字重的輕靈,大字重的渾厚,中等字重的優雅。其間的“度”,由你把控。

          如此實用的小技能,相信你們已經躍躍欲試了,操作十分簡單:打開設置-顯示和亮度-字體大小與粗細,還不快來試一試!

          看點三:多設備觀感更協調

          話說HarmonyOS字體既好看又實用,那么問題來了——HarmonyOS字體在不同設備上還會有這般一致的視覺體驗嗎?

          這個大可放心,HarmonyOS字體會根據觀看距離、設備尺寸及分辨率的不同,科學推薦手機、手表、平板、智慧屏等設備上的最佳字重,再次將人因設計貫徹到底。即使換個設備繼續看,小如手表、大如智慧屏,依舊能獲得協調統一的視覺體驗哦。


          看到這里,

          小伙伴們是不是對HarmonyOS字體

          有了新的認識呢?大家感受如何?

          評論區等你,歡迎來撩!


          主站蜘蛛池模板: 女人和拘做受全程看视频日本综合a一区二区视频 | 国产精品第一区第27页| 亚洲韩国精品无码一区二区三区| 国产伦精品一区二区三区视频小说| 久久精品无码一区二区三区免费 | 日本免费精品一区二区三区| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 国产精品高清一区二区三区| 色妞色视频一区二区三区四区| 精品国产一区二区三区无码| 一区二区三区午夜视频| 国产91精品一区二区麻豆网站| 日韩在线观看一区二区三区| 国产综合无码一区二区三区| 日本内射精品一区二区视频| 亚洲乱码av中文一区二区| 国产精品伦子一区二区三区| 国产一区二区精品久久岳| 国产精品电影一区二区三区| 亚洲日韩国产一区二区三区| 中文字幕一区二区精品区| 日韩经典精品无码一区| 2022年亚洲午夜一区二区福利| 日韩在线观看一区二区三区| 中文字幕永久一区二区三区在线观看| 精品欧洲av无码一区二区| 精品视频一区二区三区免费| 日韩色视频一区二区三区亚洲| 亚洲AV日韩AV天堂一区二区三区 | 成人区人妻精品一区二区不卡| 国产高清在线精品一区二区三区| 精品一区高潮喷吹在线播放| 一区二区三区无码视频免费福利 | 99久久精品费精品国产一区二区| 无码人妻精一区二区三区| 97久久精品一区二区三区| 亚洲国产日韩在线一区| 国产在线视频一区二区三区98 | 中文字幕亚洲一区| 国产成人精品一区二三区| 亚洲欧洲无码一区二区三区|