HTML/適應word:修訂版本之間的差異
出自六年制學程
(→方盒子模型(Box Model)) |
(→方盒子模型(Box Model)) |
||
第 37 行: | 第 37 行: | ||
*#控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離) | *#控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離) | ||
*#不可以設定負值,這點與 margin 不同。 | *#不可以設定負值,這點與 margin 不同。 | ||
− | *#基本語法範例:<p><span style='border: | + | *#基本語法範例:<p><span style='border:dashed;padding:5pt;'>padding:上 右 下 左;</span> <span style='border:dashed;padding:5pt;'>padding:上下 左右;</span> <span style='border:dashed;padding:5pt;'>padding:上 左右 下;</span> <span style='border:dashed;padding:5pt;'>padding:四個邊同樣値;</span></p> |
===長度單位=== | ===長度單位=== |
2017年10月16日 (一) 08:54的修訂版本
2010
前置處理
- 雖會忽視「<!DOCTYPE html>」,但仍建議這樣寫,以便使用下一項<meta charset='utf-8' />。
- 接受「<meta charset='utf-8' />」
- 須<html xmlns:w='urn:schemas-microsoft-com:office:word'>才能進入整頁模式
- xmlns:聲明名字空間,xml名字空間(namespace)。作用是使同名字的元素或屬性因隸屬不同的名字空間而可以區別。
- w:名字空間的前綴,即等號後面的指示,用 w 為前綴來代表。
- 等號之後是名字空間的唯一標識符,是一個IRI(國際化資源標識符,Internationalized Resource Identifier)引用,但通常是一個URI(統一資源標誌符)引用。此例中是(uniform resource name)urn:架構們-微軟-com:辦公室軟體:文字處理。
- 名字空間的聲明就是:將一個前綴與一個URI關聯起來。
- 不直接使用命名空間的URI是因為URI為了唯一通常會很長,直接使用URI不但造成書寫和閱讀的不便,還會擾亂XML的語法。
- 聲明名字空間時,也可以不定義前綴。未定義前綴的名字空間將被用作預設的名字空間。
- 名字空間的URI僅僅是唯一的標識符,推薦規範不要求,也不建議通過其獲取信息。XML解析器處理名字空間URI時,也僅僅將其作為字符串。例如,地址為 http://www.w3.org/1999/xhtml 的文檔並不包含任何代碼,它僅僅為人類閱讀者描述了XHTML名字空間。之所以採用URI(如'http://www.w3.org/1999/xhtml')來標識名字空間是因與使用簡單的字符串(如xhtml)相比,URI大大降低了名字空間重名的可能性。
- 文檔中的元素名和屬性名可以加前綴(如xhtml:hr)也可以不加前綴(hr)。不加前綴就會被認為屬於預設名字空間,如果預設名字空間沒有定義,則屬於無名字空間。
- 可聲明取消已定義的名字空間,如:xmlns:xhtml=""。
- 當一個元素帶有屬性xmlns="",該元素和它的後代被視為「無名字空間」。
- 以整頁模式顯示:
<!--[if gte mso 9]> <xml> <w:WordDocument> <w:View>Print</w:View> </w:WordDocument> </xml> <![endif]-->
- title標籤,決定頁名。
- 以<link rel='stylesheet' type='text/css' href='網址' />來載入樣式表
- style段落中
@page 樣式值 {size:寬 長;margin:上 右 下 左;} .nicetable {border:1px solid black;border-collapse:collapse;} .nicetable td{border:1px solid black;border-collapse:collapse;}
- body 中 以<div style='page:樣式值;'>…</div>包起文件內容
方盒子模型(Box Model)
- padding(內距):
- 控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離)
- 不可以設定負值,這點與 margin 不同。
- 基本語法範例:
padding:上 右 下 左; padding:上下 左右; padding:上 左右 下; padding:四個邊同樣値;