HTML5教學法寶1-文字排版設定好,人人愛看少不了!

HTML5教學法寶1-文字排版設定好,人人愛看少不了!

HTML5教學法寶1-文字排版設定好,人人愛看少不了!
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教學第二招-出神入化,自己作表格就是不一樣

 

HTML5教學第三招-會新增標籤,影片任你掌控

 

中國IT教育領導品牌 達內教育集團第一家海外授權中心

 

挑對Java課程,讓你從零起點到獨當一面的工程師只需六個月!

 

SEO優化技能讓你年終獎金加碼過好年!

 

人生是自己的, 達內教育評價要靠自己來體驗!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *