自己寫的網頁掛在別的網頁框架上的時候 (如部落格網站...), 或者是自己用的 CSS 設定的列表一長, 偶而會有樣式跑掉了的狀況發生, 但常常不是很容易找出到底是被哪一條 (或者是哪幾條) css rule 蓋掉.
下面是如何用最簡單的工具: browser 內建的除錯工具來找出問題所在: 不必特別設定什麼或安裝什麼外掛, 只要按 F12 就對了:
IE 11 按下 F12 之後, 跳出來的除錯畫面如下, 它可能併在和原本的頁面的下方, 你可以按下黑色 Menu Bar 右手邊倒數第二個的 取消釘選 (Ctrl+P) 把它和原始的 IE 頁面分離開來:
<div id="div1" ...>
<p id="paraX"...>This is a sample paragraph. ...</p>
<table id="time_zone"><tr>...
<style type="text/css">
#div1 {color:red; margin: 5px;}
</style>
...
<div id="div1">
<p>....</p>
</div>
<div id="id1">
...
</div>
<script type="text/javascript">
var xObj = document.getElementById("id1");
...
</script>
常見的 CSS(v1) selector 設定套用的次序如下:
<style type="text/css">
div { color: black ; ... } /* 1st level */
.nClass { color: green ; ... } /* +this 2nd level */
#nId { color: blue ; ... } /* +this 3rd level */
...
</style>
...
<div style="color: red; ... "><!-- /* +this 4th level */ -->
CSS 規範上說: stylesheet 的來源有 user agent, author 及 user 等三種. user agent 就是我們用的 browser 指的是 browser 的預設值; author 是作者的意思, 指的是網頁的作者在網頁上所使用的 stylesheet; 而 user 就是我們, 指的是我們在 browser 中的個人用的 stylesheet 設定. 而套用的次序是:
[轉貼] GCC常用編譯參數 http://gtstudy.pixnet.net/blog/post/40505641
[來源] 小亮吉他教學&程式筆記
gcc [options] filename
這篇是從別人的部落格剪來轉貼的, 花了一點時間校對及重新編排版面.
雖然原 PO 文有點舊了 (2000年), 現在 (2015年) 原 PO 文網址已經連不到了, 還有一部份參數已經不存在了, 但是當新手面對現今的 GCC 參數和選項動則數以百計, 還有厚厚一疊手冊時, 不失為一個不錯的快速入門.
註: 原 PO 文二篇, 本篇為第二篇
這篇是從別人的部落格剪來轉貼的, 花了一點時間校對及重新編排版面.
雖然原 PO 文有點舊了 (2000年), 現在 (2015年) 原 PO 文網址已經連不到了, 還有一部份參數已經不存在了, 但是當新手面對現今的 GCC 參數和選項動則數以百計, 還有厚厚一疊手冊時, 不失為一個不錯的快速入門.
註: 原 PO 文二篇, 本篇為第一篇
C 語言的變數有所謂的 storage class, 初學時對當中的差異並不是很容易弄清楚, 後來我把各種條件稍作整理, 於是有了下面的表格:
| 條件/狀況 | 外部變數 (全域變數) |
靜態變數 | 自動變數 |
||
|---|---|---|---|---|---|
下面範例中的 setStyleRule() 可以用來動態增加 stylesheet 中的項目(selector), applyClass() 則可以用來為物件刪除/附加新的 CSS Style Class (只能是 class).
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="ext_style.js"></script>
<script type="text/javascript">
function fnInit() {
setStyleRule("", "#id1", "color:blue;");
}
window.addEventListener('load', fnInit);
</script>
</head>
<body>
<h1 id="id1">My Heading 1</h1>
<button type="button" onclick="document.getElementById('id1').style.color = 'red'">
Click Me!</button>
</body>
</html>
載入的 javascript "ext_style.js" 檔案內容如下:
前二天心裡有個念頭突然閃過, 於是用手機看了一下自己在部落格的 PO 文.
結果... 昏倒... 手機模式的 CSS Style 設定都沒有出現.
於是寫信給 客服, 客服的回信倒是蠻快的 :)
程式 (4)