2010/06/11, Friday |
css網頁設計套用外部連結 € 網頁製作css樣式分享 在網頁設計中常常會使用到css樣式,應用css讓網頁設計呈現方式更加規律化,如文字或圖片要放置在什麼位置,文字的行距、區塊的背景顏色或背景圖的設置皆可以應用css下去設置。但網頁設計時的HTML頁面要如何去套用css,大部份是使用「行內套用 (Inline)」、「嵌入套用 (Embed)」、「外部連接套用 (External Link)」、「匯入套用 (Import)」等套用方式較多。但大部份都只使用「行內套用 (Inline)」、「嵌入套用 (Embed)」較多,因為一般的Dreamweaver都能使用運用本身軟體嵌入CSS的方式,也就是在本身html頁面直接嵌入css,因為似乎用這種方式嵌入好像比較簡單,但卻忽略了使用「外部連接套用 (External Link)」、「匯入套用 (Import)」的設計嵌入方式。 -
網頁設計「套用css 外部連接 (External Link)」: <link rel=stylesheet type="text/css" xhref="cssstyle.css"> (以上放於HTML 文件的 <header> .. </header> 之間) 這樣所做的HTML網頁設計的頁面,也就是/body>與</body>之間的網頁設計編排方式,就可以去串接cssstyle.css檔,產生相同的HTML編排樣式。 -
「URL匯入套用 (Import)」: css檔案也可匯入URL的方式,以@import 指令的匯入作法,在網頁設計時也是非常的方便。 <STYLE TYPE="text/css"> <!-- @import url(http://www.import.com/cssstyle.css); --> </STYLE> (以上放於HTML 文件的 <header> .. </header> 之間) |
|
最後更新 ( 2018/01/30, Tuesday )
|