2016年1月10日 星期日
2015年9月8日 星期二
CSS vs DIV
文章出處: 5iDev - Web開發在線教程
http://www.5idev.com/p-css_table.shtml
如何使用CSS
CSS作用於 html文檔,有如下三種方式:
內崁樣式 : 直接在 HTML 標籤設定, 如: < p style="font-size:12px; color:green;" />
內部樣式表 : 在 HTML <head>標籤中加入設定,
<head>
<title>網頁測試</title>
</style>
</head>
外部樣式表 : 連接外部樣式檔案
<head>
<title>Style 說明</title>
<link rel="stylesheet" href="style/default.css" type="text/css" />
</head>
瀏覽器默認樣式
網頁元素還會受一種特殊的樣式影響,就是瀏覽器的默認樣式。
一個例子就是瀏覽器默認超鏈接是有下劃線,如果我們要取消超鏈接的下劃線,就需要單獨應用取消文字下劃線的樣式于超鏈接上。
以上三種方式可以混合使用,但混用可能會使樣式表變得混亂。
在優先級上:內崁樣式 > 內部樣式表 > 外部樣式表 > 瀏覽器默認樣式。
選擇器分類
CSS選擇器分為
類型選擇器
通配選擇器
屬性選擇器
包含選擇器
子對象選擇器
ID選擇器
類選擇器
偽類及
偽對象選擇器 等。
這些選擇器為我們應用CSS樣式于html元素提供了極大的方便和選擇
http://www.5idev.com/p-css_table.shtml
如何使用CSS
CSS作用於 html文檔,有如下三種方式:
內崁樣式 : 直接在 HTML 標籤設定, 如: < p style="font-size:12px; color:green;" />
內部樣式表 : 在 HTML <head>標籤中加入設定,
<head>
<title>網頁測試</title>
<style type="text/css">
p{font-size:12px; color:red;}</style>
</head>
外部樣式表 : 連接外部樣式檔案
<head>
<title>Style 說明</title>
<link rel="stylesheet" href="style/default.css" type="text/css" />
</head>
瀏覽器默認樣式
網頁元素還會受一種特殊的樣式影響,就是瀏覽器的默認樣式。
一個例子就是瀏覽器默認超鏈接是有下劃線,如果我們要取消超鏈接的下劃線,就需要單獨應用取消文字下劃線的樣式于超鏈接上。
以上三種方式可以混合使用,但混用可能會使樣式表變得混亂。
在優先級上:內崁樣式 > 內部樣式表 > 外部樣式表 > 瀏覽器默認樣式。
選擇器分類
CSS選擇器分為
類型選擇器
通配選擇器
屬性選擇器
包含選擇器
子對象選擇器
ID選擇器
類選擇器
偽類及
偽對象選擇器 等。
這些選擇器為我們應用CSS樣式于html元素提供了極大的方便和選擇
訂閱:
文章 (Atom)
Java 不同編碼字串, 其字串長度大小計算
以 Java 開發專案, 在 DAO 寫入資料庫時, 常遇到JAVA 字串與資料庫編碼不一致, 有時會產生字串過長,導致無法寫入資料庫的情況. 這時就要在入庫前, 先驗證 JAVA 編碼字串是否超出資料庫欄位長度 JAVA 依 不同編碼, 其長度是不一樣的 如: ...
-
方法是: Tomcat 本身就提供了查看版本的指令: version 在 Tomcat 的安裝目錄的 x:\tomcat\ bin 子目錄下,有兩個檔: · version.bat for Windows · version.sh for...
-
以 Java 開發專案, 在 DAO 寫入資料庫時, 常遇到JAVA 字串與資料庫編碼不一致, 有時會產生字串過長,導致無法寫入資料庫的情況. 這時就要在入庫前, 先驗證 JAVA 編碼字串是否超出資料庫欄位長度 JAVA 依 不同編碼, 其長度是不一樣的 如: ...
-
在一般瀏覽器以Javascript設計開啟新視窗, 使用 window.open( url , "windown_name", "視窗狀態列設定"); 就可達成, 但在 Google Chrome 瀏覽器卻失效( Google Chro...