|
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 )
|
