專家不藏私HTML5教學之1-想要網頁舒服好閱讀,排版是關鍵
有了專家加持的HTML5教學,想要網頁變的舒服好閱讀就更容易啦!
1. 跟字型相關的CSS設定 (常用)
2. 跟文字排列 (行距、排序) 有關的設定
其實除了文字之外，前端工程師在HTML5教學網頁的各個元素進行 CSS 格式設定時，有一個 「盒子模型 (box model) 」 的概念：就是所有要被設定的元素，都會被視為一個盒子"<span>"或"<div>"。而些盒子的內容都是被框 (border) 包著的，內容與框中間又有所謂的留白 (padding)。而這個框 (border )的粗細是可以調整的。如以下範例所示：
該範例包含兩個大盒子 <div> 與 <div> ，而第一個<div>中又放了三個小盒子<span>，所以我們在<div>中設定的值，三個 <span> 內的文字也會同步被變更。而這三個<span>又可以分別獨立設定邊框大小與線條形式、顏色、粗細。(border的設定依據為粗細、樣式、顏色)。這是較簡單的區塊設定方法，在下一章中，將會更進一步說明邊框的設定值並說明如何用 CSS 設定邊框。(CSS設定的邊框還可以導圓角喔)。
以上這兩種身為前端工程師不可不知的HTML5教學你學會了嗎？
更多閱讀:
部落客必學的HTML5教學法寶一-免費網頁編輯器!
想要網頁美麗又吸睛?那你一定不能錯過今日HTML5教學!
網頁設計課程必修學分1-如何善用HTML與CSS
達內教育開幕 培養台灣IT人才進入全球企業
轉職工程師的路上,你一定聽過達內教育評價領先業界
熱門度,實用性,高薪率, JAVA課程是你唯一選擇
2018年手刀必學程式語言-Python, 趕快入手!
