工業和商業黃頁資訊網論文書籍站
html字體顏色大小的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列問答集和資訊懶人包
html字體顏色大小的問題，我們搜遍了碩博士論文和台灣出版的書籍，推薦（美）喬·卡薩博納寫的 HTML5與CSS3基礎教程（第9版） 和羅帥的 Bootstrap+Vue.js前端開發超實用代碼集錦都 可以從中找到所需的評價。
另外網站CSS Font字体 - RocSchool也說明：通过使用CSS 字体属性，您可以更改文本大小、颜色、样式等。 ... DOCTYPE html> <html> <head> <style> body { font-size: 100%; } h1 { color: red; } ...
這兩本書分別來自人民郵電 和清華大學所出版 。
國立高雄師範大學 地理學系 吳連賞所指導 潘鈺丹的 臺南旅遊地圖之在地特色展現與設計特徵對使用者美感體驗和需求之分析 （2020），提出html字體顏色大小關鍵因素是什麼，來自於旅遊地圖、插畫地圖、地圖設計、美感特徵。
而第二篇論文國立臺北科技大學 工業設計系創新設計碩士班 黃啟梧所指導 魏伶因的 中高齡者醫囑紀錄APP介面設計與使用性評估 （2019），提出因為有 中高齡者、醫囑紀錄、介面設計、使用性、使用者經驗的重點而找出了 html字體顏色大小的解答。
最後網站CSS 練習更改文字顏色與大小 - 菜鳥工程師肉豬則補充：CSS 練習更改文字顏色與大小. 請建立一份HTML文件，檔名為 text.html 。請用VS Code編輯。 text.html 的原始HTML如下。
HTML5與CSS3基礎教程（第9版）
為了解決html字體顏色大小 的問題，作者（美）喬·卡薩博納 這樣論述：
本書系統地講解了HTML5和CSS3基礎知識以及實際運用技術，通過大量實例深入淺出地分析網頁製作的方方面面。書中不僅介紹了文本、連結、媒體、表格、清單、表單等網頁元素，而且介紹了如何為網頁設計佈局，添加動態效果等；另外，還涉及上線、測試、優化和無障礙性等內容。通過學習本書，初級水準的讀者即可創建網站，而中高級水準的開發人員也可以快速瞭解HTML5新元素、CSS3的奇幻效果、回應式Web設計以及各種最佳實踐。 版權聲明 獻詞 致謝 引言 第1章什麼是HTML和CSS1 1．1什麼是HTML1 1．2什麼是CSS3 1．3HTML和CSS是如何一起工作的4 1．4小結6 第
2章在電腦上創建網站7 2．1使用文字編輯器7 2．2使用高級工具8 2．3網站目錄結構與檔副檔名9 2．4使用CodePen進行快速測試11 2．5小結11 第3章HTML語法12 3．1HTML標籤是怎樣工作的12 3．2添加注釋14 3．3創建HTML頁面的結構15 3．4標籤16 3．5什麼是語義化標記17 3．6小結17 第4章基本的HTML元素18 4．1HTML文本的格式化18 4．2段落與標題18 4．3列表19 4．4引用塊級文本20 4．5行內文本的格式化21 4．6對代碼進行標記22 第5章連結25 5．1連結標記25 5．2URL的結構26 5．3內部連結與外部連
結27 5．4相對連結和絕對連結27 5．5其他連結類型29 5．6連結目標30 5．7小結31 第6章HTML結構與佈局32 6．1網頁佈局32 6．2塊級元素與行內元素35 6．3頁面區塊36 6．4建立博客文章的佈局38 6．5小結41 第7章媒體42 7．1Web上的媒體是如何工作的42 7．2圖像43 7．3在網頁中添加圖像45 7．4回應式圖像：考慮不同的設備和網路環境47 7．5元素49 7．6使用SVG49 7．7其他媒體52 7．8嵌入視頻53 7．9嵌入音訊54 7．10存放多媒體檔55 7．11小結57 第8章表格與其他結構化資料元素58 8．1表格58 8．2描述
列表62 8．3為什麼結構化資料很重要64 8．4小結66 第9章Web表單67 9．1用戶與網頁的交互67 9．2Web表單的工作方式68 9．3HTML表單的組成部分69 9．4元素69 9．5表單字段70 9．6為欄位添加標籤73 9．7創建基礎資料表單74 9．8創建選擇框74 9．9創建選項按鈕76 9．10創建核取方塊76 9．11創建電子郵件表單77 9．12特殊欄位類型78 9．13元素80 9．14對表單進行校驗80 9．15小結82 第10章高級實驗性功能83 10．1事關流覽器的支援情況83 10．2高級元素86 10．3實驗性功能88 10．4小結89 第11章C
SS簡介90 11．1什麼是樣式90 11．2層疊的含義91 11．3CSS語法91 11．4在網頁上使用CSS93 11．5外部樣式表95 11．6在CSS代碼中添加注釋95 11．7小結96 第12章定位元素97 12．1通過標籤定位元素97 12．2按類定位元素99 12．3層疊、繼承和父子關係101 12．4通過元素之間的關係選擇元素102 12．5層疊的特殊性和優先順序104 12．6用特定的屬性定位元素105 12．7高級定位方法106 12．8小結108 第13章為文本設置樣式109 13．1選擇字體109 13．2Google字體112 13．3使用@font-face引入
外部字體114 13．4設置文本大小117 13．5設置文字格式118 13．6提高可讀性121 13．7小結123 第14章CSS中的顏色124 14．1電腦顯示器的工作原理124 14．2在CSS中表示顏色125 14．3漸變色129 14．4border屬性132 14．5小結133 第15章使用CSS進行頁面配置134 15．1盒模型134 15．2內邊距與外邊距138 15．3元素流141 15．4創建層和疊放元素146 15．5使用z-index創建彈窗147 15．6關於網頁佈局的一些說明148 15．7小結148 第16章CSS網格和Flexbox佈局149 16．1一個
重要問題的現代解決方案149 16．2使用Flexbox153 16．3使用CSS網格佈局160 16．4流覽器支援情況164 16．5小結165 第17章回應式設計與媒體查詢166 17．1定義媒體查詢166 17．2回應式佈局168 17．3創建回應式全寬佈局170 17．4不只是螢幕寬度174 17．5小結177 第18章CSS變形與動畫178 18．1CSS過渡178 18．2CSS變形180 18．3CSS動畫183 18．4小結187 第19章CSS變數188 19．1什麼是變數188 19．2用變數簡化樣式191 19．3對變數進行計算192 19．4小結194 第20章
CSS前置處理器195 20．1CSS前置處理器是如何工作的195 20．2Sass入門196 20．3編寫Sass199 20．4小結205 第21章網站上線206 21．1選擇託管商和功能變數名稱206 21．2上線前檢查210 21．3將網站上線211 21．4測試網站213 21．5小結214 第22章測試網站215 22．1為什麼要測試網站215 22．2驗證標記216 22．3流覽器測試217 22．4設備測試219 22．5使用Chrome開發者工具進行故障排查221 22．6小結224 第23章提升網站性能225 23．1性能的含義225 23．2瞭解網站的性能226 2
3．3性能測試工具226 23．4壓縮HTML和CSS檔229 23．5優化圖像231 23．6優先載入關鍵CSS234 23．7小結237 第24章Web無障礙性238 24．1涵蓋盡可能多的人238 24．2截至目前的效果240 24．3額外的標籤和屬性241 24．4無障礙性測試和驗證242 24．5確定WCAG等級245 24．6小結246 第25章HTML和CSS之外247 25．1JavaScript247 25．2常見的JavaScript庫248 25．3版本控制250 25．4構建工具253 25．5小結255 總結256
臺南旅遊地圖之在地特色展現與設計特徵對使用者美感體驗和需求之分析
為了解決html字體顏色大小 的問題，作者潘鈺丹 這樣論述：
臺南歷經荷蘭、明鄭、日治等不同政權的洗禮，近300多年都為臺灣政經中心，累積了深厚的文化底蘊，臺南被「米其林綠色指南」評選為國際三星旅遊城市之一，觀光魅力名揚國際。臺南的觀光能夠蓬勃發展，官方出版的旅遊地圖具有重要的關鍵因素，旅遊地圖是與旅客最直接接觸的文宣品，可驅動旅遊動機。本研究以臺南市官方出版之旅遊地圖為研究對象，先探討臺南歷史脈絡與區域特色，接著，從地圖內容、製圖者與設計者、使用者，分析地圖如何展現區域特色、地圖的美感設計特徵、出版旅遊地圖欲達成之效益，使用者對地圖的美感體驗與需求，最後進行三者的關聯性分析。研究發現：1. 地圖內容分析：(1)在區域特色展現，旅遊地圖以色彩營造區域
氛圍，如紅橘色展現繁榮府城區的熱鬧感，以藍色搭配黃綠色呈現濱海漁鹽區的海洋風情。在區域特色的連結則以裝飾插圖來塑造，如鄭成功插圖連結安平開發史，劍獅插圖展現安平在地特色等。在地方特產表現以裝飾插畫做呈現，如白河蓮花、玉井芒果、後壁稻米等。(2)地圖以色彩、符號化、概括化、構圖排版、字體排印交織出美感設計特徵。在色彩應用，旅遊地圖多以2~3種顏色做搭配，其中以藍配綠最多，多應用於戶外旅遊。在符號化方面，分為僅有插圖，或有插圖又有圖畫圖示等，插圖用於展現景點或美食，為主要行銷的內容。圖畫圖示用於標示基礎設施，用於便利旅客與滿足需求層面。在概括化，分為僅呈現景點及美食，或呈現景點、美食及便民基礎設施
。在構圖排版，依據海陸關係及尺度範圍而不同，一為有明顯海陸分界，用於涵蓋西部海岸的跨界地圖，二為明顯的形底關係，用於臺南全區地圖，三為整體版面皆為陸地，用於小尺度範圍。關於字體排印，一張地圖中分別有使用1～3款字體的表現方式，在字體的使用上，圖名以手寫體最多，景點名及道路名則是黑體最多，黑體是臺南市旅遊地圖最常選用的字體。2. 製圖者與設計者分析：(1)出版插畫地圖的目的為增加旅客對景點的興趣，提升旅遊人次、增加關注度、提高吸引力等。在插畫家的挑選，擅長的風格是否符合地圖主題、知名度等，皆是考量因素，官方希望在行銷觀光時也能宣傳在地插畫家，因此有多張地圖都由臺南在地插畫家繪製。至於旅遊地圖實
際增加多少觀光人次，因官方缺乏統計資料，無法得知，但插畫旅遊地圖確實有提高民眾的蒐藏意願。(2)官方首重旅遊地圖的資訊正確性，尤其景點間的相對位置特別要求，其次才是設計美感。插畫地圖的景點由官方提供，而繪畫風格、配色應用則由插畫家決定。3. 使用者分析(1)在男女、不同年齡、不同居住地等使用者都表示插畫地圖具有較大吸引力，也能增加旅遊動機與搜集意願。插畫地圖設計的美觀程度、驅動使用者前往該地旅遊程度、觸發使用者想像在該地旅遊的感受等，獲得使用者的高度肯定。(2)關於使用者對地圖基本要素的需求以圖例說明最高。對地圖的內容設計需求為：和諧的配色、美觀的視覺設計、以精美插畫繪製景點等。關於旅遊地圖
的功能需求，以能協助規劃旅遊路線、標示出景點間的相對位置及提供交通資訊的需求為最高。4. 地圖內容、製圖與設計者、使用者三者關聯性分析使用者對內容設計的需求（和諧的配色、美觀的視覺設計、地圖經過精簡化、以精美插畫繪製景點）符合地圖的美感設計特徵（色彩、排版、概括化、符號化），製圖者欲達成之效益（增加旅遊人次、提高關注度、增加地圖吸引力、提升搜集意願等）在使用者獲得正面回饋。
Bootstrap+Vue.js前端開發超實用代碼集錦
為了解決html字體顏色大小 的問題，作者羅帥 這樣論述：
本書以問題描述+解決方案的模式，使用360多個實例介紹了Bootstrap 和Vue.js這兩大前端開發框架的技術亮點。 全書根據內容分為兩部分：在第1部分的Bootstrap代碼中，主要介紹了輸入框組、按鈕組等技術；在第2部分的Vue.js代碼中，主要介紹了單向資料綁定、雙向資料綁定、動態屬性綁定等以及Vue.js與Lodash、GSAP、jQuery、Velocity、Animate、TweenJS等協力廠商庫(框架)的整合應用。 羅帥羅斌，男，本科學歷。曾經在無錫寶特軟體有限公司，深圳唯佳物流有限公司從事軟體發展。曾經在清華大學出版社出版《Android炫酷應用30
0例.實戰篇》和《Android炫酷應用300例.提升篇》、在武漢大學出版社出版《Visual C++ 6.0 程式設計經典博覽》、在電子科技大學出版社出版《Visual C++.NET註冊表程式設計實用手冊》等。 第1部分Bootstrap代碼 001對文本的字體線條進行細化 002對文本的字體線條進行加粗 003主副標題使用不同大小字體 004創建黑色半透明的字體線條 005使用自訂字體突出段落 006自訂引用和引用的註腳 007創建黑底白字風格的文本 008使段落中的所有字母大寫或小寫 009使段落中所有單詞的首字母大寫 010允許或禁止文本自動換行 011設置文本靠
左或靠右對齊 012設置文字區塊靠左或靠右對齊 013在水準方向上居中顯示文字區塊 014在垂直方向上居中顯示文字區塊 015在水準方向上和垂直方向上均居中顯示文字區塊 016為文字區塊添加圓角邊框線 017為文字區塊添加開口邊框線 018在文字區塊之間添加分隔線 019動態折疊或展開文字區塊內容 020在首次顯示時展開隱藏內容 021對圖像進行小(或大)圓角裁剪 022對圖像的上(或下)邊進行圓角裁剪 023將矩形圖像裁剪成橢圓形狀 024將矩形圖像裁剪成膠囊形狀 025在圖像邊緣添加鑲邊效果 026設置圖像在水準方向上居中 027設置圖像在垂直方向上居中 028設置圖像在水準方向上和垂直方
向上均居中 029設置圖像與容器的底部靠齊 030設置圖像與容器的右側靠齊 031根據寬度變化回應式排列圖像 032以動畫風格折疊或展開圖像 033創建手風琴風格的互斥折疊 034在輸入框組的左側添加文本 035在輸入框組的右側添加文本 036在輸入框組中添加選項按鈕 037在輸入框組中添加核取方塊 038在輸入框組中添加下拉式功能表 039在輸入框組中添加多個元素 040創建多種顏色的實心按鈕 041創建多種顏色的空心按鈕 042創建兩端靠齊的塊級按鈕 043設置按鈕的啟動狀態樣式 044設置按鈕的禁用狀態樣式 045使用多個按鈕創建按鈕組 046在垂直方向上創建按鈕組 047在按鈕組中內嵌
下拉式功能表 048在按鈕上嵌套黃色的徽章 049創建多種顏色和大小的徽章 050在列表項上嵌套膠囊型徽章 051創建Bootstrap4風格的核取方塊 052按照行優先排列自訂核取方塊 053以行優先原則排列默認核取方塊 054啟用或禁用默認的核取方塊 055創建Bootstrap4風格的選項按鈕 056按照行優先排列自訂選項按鈕 057啟用或禁用自訂的選項按鈕 058以行優先原則排列默認選項按鈕 059按照行優先排列多種表單元素 060創建Bootstrap4風格的textarea 061在一行中排列label和select元素 062在select元素中實現多選功能 063禁用或啟用se
lect元素的選項 064在select元素中實現選項分組 065創建自訂的select元素 066創建自訂的range元素 067創建自訂的檔上傳控制項 068創建不同顏色的自訂進度條 069創建不同條紋的自訂進度條 070自訂進度條的未完成進度 071自訂細實線風格的進度條 072在進度條上顯示完成百分比 073在條紋進度條上添加動畫 074使用進度條展示多類別占比 075在卡片上添加文本和圖像 076在卡片頂部或底部添加圖像 077設置卡片的背景圖像或顏色 078將多張卡片組合排列在一起 079以分隔風格排列多張卡片 080以瀑布流風格排列多張卡片 081使用媒體物件佈局圖像和文本 08
2使用嵌套的媒體物件佈局元素 083在水準方向上排列多個媒體物件 084在媒體物件的右側放置圖像 085在垂直方向上居中放置媒體物件的圖像 086通過左右滑動輪播多幅圖像 087自訂暫停或繼續輪播圖像 088自訂輪播的左右按鈕功能 089使用無序列表進行分頁處理 090去掉在無序列表上的默認圓點 091在同一行上排列多個列表項 092在水準方向上排列多個列表項 093在列表組中創建多色列表項 094在清單組中創建連結清單項 095創建條紋交錯的表格資料行 096創建黑灰交錯的表格資料行 097自訂表格資料行的背景顏色 098在預設表格的周圍添加邊框線 099去掉表格資料行間的預設線條 100創
建小間隙的緊湊格式表格 101創建可滾動資料的回應式表格 102在滑鼠懸停時高亮顯示資料行 103創建含有灰色背景的模態框 104強制模態框在垂直方向上居中 105禁止顯示模態框的灰色背景 106在按一下徽章時顯示彈出框 107在滑鼠懸浮時顯示彈出框 108按一下元素外區域關閉彈出框 109在圖像上添加工具提示框 110允許在工具提示框上使用標籤 111創建定時關閉的資訊提示框 112在資訊提示框上添加關閉按鈕 113在資訊提示框上添加轉圈動畫 114在資訊提示框上添加生長動畫 115在垂直方向上排列導航菜單 116設置水準導航菜單靠右對齊 117禁用在導航功能表中的部分功能表 118使用導航
功能表作為選項卡標籤 119創建與選項卡等寬的導航菜單 120使用膠囊導航功能表切換選項卡 121設置垂直導航菜單同步捲軸 122在膠囊菜單上創建下拉式功能表 123在水準巡覽列上添加Logo 124在巡覽列上創建回應式菜單 125在巡覽列上創建下拉式功能表 126設置巡覽列的下拉式功能表右對齊 127在垂直巡覽列上內嵌子功能表 128在巡覽列上創建上彈子功能表 129在垂直巡覽列上添加折疊按鈕 130在頁面底部固定水準巡覽列 131設置水準導航菜單同步捲軸 132在下拉式功能表中設置分組標題 133創建從按鈕右側彈出的子功能表 134創建從按鈕左側彈出的子功能表 135創建從分隔按鈕彈出的子
功能表 136使用w類設置元素的寬度百分比 137使用h類設置元素的高度百分比 138使用m類設置元素的外邊距 139使用p類設置元素的內邊距 140使用mx類調整元素左右外邊距 141使用px類調整元素左右內邊距 142在水準方向上倒序排列子元素 143在垂直方向上倒序排列子元素 144在水準方向上等距排列子元素 145按照權重數位元排列多個子元素 146指定子元素分配容器剩餘寬度 147設置子元素均分容器剩餘寬度 148將剩餘寬度設置為元素右邊距 149將剩餘寬度設置為元素左邊距 150以包裹方式排列多個子元素 151以非包裹方式排列多個子元素 152以反轉包裹方式排列多個子元素 153設
置多個子元素在垂直方向上居中排列 154設置多個子元素靠齊容器底部 155設置單個子元素在垂直方向上居中排列 156設置單個子元素靠齊容器底部 157在垂直方向上拉伸多個子元素 158在垂直方向上拉伸單個子元素 159在同一行上創建相等寬度的列 160在同一行上創建等寬回應式列 161在同一行上創建不同寬度的列 162在同一行上創建不等寬回應式列 163在等寬列中嵌套不等寬回應式列 164使用偏移量重置回應式列的位置 第2部分Vue.js代碼 165使用雙大括弧實現文本插值 166使用v text單向綁定文本 167使用v html綁定HTML代碼 168使用v pre使元素跳過編譯 169
使用v bind綁定資料屬性 170使用v bind綁定方法屬性 171使用v bind為元素綁定單個class 172使用v bind通過陣列綁定多個class 173使用v bind通過JSON綁定多個class 174使用v bind通過物件陣列綁定class 175使用v bind為元素綁定單個style 176使用v bind為元素綁定內聯style 177使用v bind通過陣列綁定多個style 178使用v bind通過物件綁定多個style 179使用v bind綁定元素的唯讀屬性 180使用v bind綁定details元素的屬性 181使用v bind在清單選項上綁定索引
182使用v bind在清單選項上綁定物件 183在v bind上加中括弧實現動態繫結 184使用v model雙向綁定資料 185使用v model創建一組選項按鈕 186使用v model創建一組核取方塊 187使用v model創建單選下拉清單 188使用v model創建多選下拉清單 189使用v model獲取range滑塊值 190使用v model獲取時間選擇器值 191使用v model獲取日期選擇器值 192使用v model獲取月份選擇器值 193使用v model獲取周數選擇器值 194使用v model.lazy控制同步時機 195使用v model.number轉換
數值 196使用v if移除或添加元素 197使用v else根據條件增刪元素 198使用v else if根據多條件增刪元素 199在template上使用v if渲染分組 200使用v show隱藏或顯示元素 201使用v once限定元素僅渲染一次 202在核取方塊中設置true value屬性 203使用v for輸出包含索引的清單項 204使用v for在範本中輸出物件陣列 205使用v for輸出物件的各個屬性值 206使用v for輸出物件的屬性名和屬性值 207使用v for根據指定次數進行反覆運算 208使用v for反覆運算簡單的聲明式陣列 209使用v for在下拉清單中
添加選項 210使用v for在選項中添加物件陣列 211使用嵌套v for輸出二維陣列成員 212使用嵌套v for篩選二維陣列成員 213在嵌套v for語句中使用v if語句 214使用v for根據陣列創建多個超連結 215使用v for全選或全不選核取方塊 216使用v for啟用或禁用所有核取方塊 217使用v for設置偶數或奇數行背景 218使用v on在元素上綁定單個事件 219使用v on在元素上綁定多個事件 220在v on上加中括弧動態繫結事件 221在v on的事件方法中使用＄event 222使用v on在內聯語句中調用方法 223使用v on在清單項上添加刪除按鈕
224使用v on統計textarea的複製次數 225使用v on監聽textarea的粘貼內容 226使用v on監聽檔是否載入成功 227使用v on實現圖像跟隨滑鼠移動 228使用v on在元素上添加右鍵功能表 229使用v on自訂按一下按鈕的樣式 230使用v on高亮指示滑鼠所在資料行 231使用v on為表格添加按兩下編輯功能 232使用stop修飾符阻止事件向上冒泡傳遞 233使用capture修飾符改變冒泡順序 234使用capture和stop修飾符定制事件 235使用prevent修飾符阻止默認事件 236使用self修飾符限定僅回應自身事件 237使用self和pr
event修飾符定制事件 238使用once修飾符限定事件僅回應一次 239使用按鍵修飾符自訂按鍵回應 240使用系統修飾鍵定義按鍵事件行為 241使用exact修飾符定制系統鍵回應 242使用滑鼠左右按鍵修飾符定制事件 243使用全域物件自訂按鍵修飾符 244使用computed屬性篩選字串 245使用computed屬性自訂篩選 246使用computed屬性按序排列陣列 247使用computed屬性查詢最大值和最小值 248使用computed屬性計算平均值 249使用computed屬性計算合計金額 250使用computed屬性代替orderBy 251使用computed屬性代替
filterBy 252使用computed屬性代替limitBy 253使用computed屬性代替groupBy 254使用computed屬性動態設置樣式 255使用watch屬性監聽資料屬性變化 256使用watch屬性限制輸入框輸入字元 257使用watch屬性監聽動畫的數字變化 258使用watch屬性創建二級聯動下拉清單 259使用局部篩檢程式使字母全部大寫 260使用局部篩檢程式保留兩位元小數 261使用局部篩檢程式使人民幣金額大寫 262使用全域篩檢程式格式化貨幣金額 263使用全域篩檢程式格式化中文日期 264串聯多個篩檢程式格式化貨幣金額 265使用帶參數篩檢程式格式化運
算式 266創建並使用通用群組件 267使用元件構造器創建通用群組件 268在通用群組件中使用template標籤 269在通用群組件中根據陣列創建清單項 270使用native為元件添加原生事件 271在通用群組件中創建單個slot 272在通用群組件中創建具名slot 273在通用群組件中創建作用域slot 274在v slot中使用中括弧動態指定slot 275在v slot中使用default調用匿名slot 276在通用群組件中使用渲染函數 277在表格中插入自訂通用群組件 278在通用群組件內部調用外部方法 279在外部調用通用群組件內部方法 280從通用群組件內部向外部傳遞資料
281從外部向通用群組件內部傳遞資料 282在通用群組件中實現雙向傳遞資料 283在通用群組件內部訪問外部資料 284在外部訪問通用群組件內部資料 285在通用群組件中實現todolist功能 286在通用群組件中綁定輸入框資料 287在通用群組件中控制屬性繼承 288在通用群組件中綁定核取方塊數據 289在通用群組件中綁定滑塊數據 290在通用群組件中添加混入對象 291在Vue實例中混入同名混入物件 292使用全域混入物件創建Vue實例 293創建並使用局部元件 294在根實例外部創建局部元件 295在script標籤中創建局部元件 296使用component動態指定元件 297在父子元
件中使用＄listeners 298創建並使用全域指令 299創建並使用帶參數的全域指令 300創建並使用多參數的全域指令 301在全域指令中設置動態參數 302在全域指令中使用bind等鉤子函數 303在全域指令的鉤子函數中添加事件 304創建並使用未指定鉤子的全域指令 305創建並使用局部指令 306使用ref和＄refs操作DOM元素 307使用transition淡入淡出顯示圖像 308使用transition按照角度旋轉圖像 309使用transition淡入和平移圖像 310在首次渲染時自動執行transition 311使用type設置animation或transition 3
12使用transition切換多個元素 313在transition中設置元素過渡模式 314使用transition實現多個元件切換 315在通用群組件中使用transition 316在transition group中實現增刪過渡 317在transition group中實現隨機過渡 318在transition group中實現排序過渡 319在transition group中實現亂序過渡 320在transition group中實現網格過渡 321在表格中使用transition group過渡 322在transition group中設置延遲時間 323在transiti
on group中實現奇偶交錯 324使用協力廠商動畫庫實現fade過渡 325使用協力廠商動畫庫實現bounce過渡 326使用協力廠商動畫庫實現zoom過渡 327使用協力廠商動畫庫實現rotate過渡 328使用協力廠商動畫庫實現flip過渡 329使用協力廠商動畫庫實現swing過渡 330使用協力廠商動畫庫實現flash過渡 331使用協力廠商動畫庫實現slide過渡 332使用協力廠商動畫庫實現roll過渡 333使用協力廠商動畫庫實現增刪過渡 334自訂協力廠商動畫的持續時間 335強制協力廠商動畫永不停歇地執行 336使用協力廠商動畫庫實現顏色過渡 337使用協力廠商動畫庫實現
數值過渡 338使用協力廠商動畫庫實現平移動畫 339使用協力廠商動畫庫實現旋轉動畫 340在通用群組件中使用協力廠商動畫庫 341使用JavaScript鉤子實現平移過渡 342使用JavaScript鉤子實現折疊過渡 343使用JavaScript鉤子實現fade過渡 344使用JavaScript鉤子實現scale過渡 345使用JavaScript鉤子實現多種過渡 346使用JavaScript鉤子實現反向過渡 347使用JavaScript鉤子實現slide過渡 348使用JavaScript鉤子實現loop過渡 349使用JavaScript鉤子實現delay過渡 350使用Jav
aScript鉤子實現color過渡 351使用JavaScript鉤子實現篩選過渡 352使用JavaScript鉤子初始渲染過渡 353使用vue router庫實現單頁路由配置 354使用vue router庫實現命名視圖配置 355使用vue router庫在路由中傳遞參數 356使用vue router庫實現params傳遞 357使用vue router庫實現query傳遞 358使用vue router庫配置多級路徑路由 359使用＄http的get方式線上查詢天氣 360使用setInterval實現逐字動態輸入 361使用setTimeout實現延遲執行代碼
中高齡者醫囑紀錄APP介面設計與使用性評估
為了解決html字體顏色大小 的問題，作者魏伶因 這樣論述：
由於台灣進入高齡社會之緣故，在醫療方面越加的重視，因此研究將以中高齡者健康醫療為起點，透過問診病例與行動裝置APP的結合，使中高齡者及其子女皆能紀錄及了解看診時的用藥方法及注意事項，建立自己的行動病例，並能能及時提供過往的就醫資訊，以減少浪費時間。本篇研究的目的是希望了解中高齡者在用藥及問診後的問題與需求，並找出智慧型手機對於中高齡者之服務缺口，藉此發展出能夠滿足中高齡者使用之醫囑紀錄需求應用程式。本研究共分為三個階段：（1）了解市面現有APP之優缺點及使用者需求訪談（2）醫囑紀錄APP原型介面設計及修正（3）中高齡者使用性評估。第一階段為前導研究，利用市面現有APP進行使用性測試及使用者訪
談，了解現有APP之優缺點以及使用者需求，提出APP架構。第二階段將進行APP原型設計，並請專家學者進行APP原型評估及訪談，最後彙整專家意見及回饋，進行APP原型設計修正。最後將修正後APP原型進行30位中高齡使用者測試。測試結果之SUS分數為71.4、等級為C，該分數顯示本研究設計之醫囑紀錄APP系統具有好的易用性；UEQ-S量表中簡單明瞭、效率、可靠性和新奇皆為正向評價，而吸引力、刺激則為中間值。而市面現有APP對中高齡者之服務缺口為：（1）功能選項大多為醫療術語或者系統功能術語，使中高齡者不易理解。（2）系統字體及圖示符號過小，導致不易選擇目標功能。（3）階層過多難以尋找目標功能，造成
記憶上的負擔。（4）目標功能的位置出現在中高齡者無法聯想到的地方。（5）功能鍵顏色過於黯淡，使中高齡者容易忽略而導致尋找目標功能困難。在介面設計部分，本研究經由訪談及使用者評估後，提出中高齡者在醫囑紀錄APP之介面設計指南共3項：（1）功能名稱減少使用術語或專有名詞。（2）架構階層以2-3層為佳。（3）在5吋螢幕、解析度1280 × 720px的Android手機中，字體大小建議以20 sp（約為3.175mm）以上為佳。期望本系統之改善設計能夠使中高齡者更加了解自身看診情況，並減少醫病之間對於醫囑上的落差。未來相關研究者可依照本研究方法，進行後續相關APP設計研究。