User:Wini:Homepage

Title

這裡是在記錄一些我在用純文字編輯器寫網頁時的一些小秘訣和心得用的地方。

Main

分為 HTML 和 CSS 兩大主題。

HTML

• 以 id 代替 name 的好處在於，可以套用在絕大多數的標籤 tag 中。
• 利用空字元的 a 元件來當定錨點的好處，在於跳躍過去後按 tab 的方便性。
• 要讓人寄信給你時，信箱位址的值是 mailto ，而信件標題的值則是 subject 。例：
  <a href="mailto:test@test.com?subject=test">test</a>
• 要設計一個超連結，讓 Firefox 或 Mozilla Suite 加入你的站台到來客的書籤中時，

CSS

• font-size 用 xx-small x-small small large x-large xx-large pt px % 。 small 跟 large 的相對字型尺寸是在放大縮小字時比較不會看不清楚，至於 pt 跟 px 設定起來有點麻煩的感覺， % 則是不太建議使用，太麻煩了。（汗）
• position 用 em px % 。 1em 是指「一個全形字體」的大小，所以會隨字體放大縮小而變動，而 % 只有用在 width 等橫向定位時比較好用而已，縱向的請用 px 好好指定，或是利用 margin 跟 padding 來調整。
• color 用 #[00-ff][00-ff][00-ff] … 也就是 #ffffff 或是 #0acbd9 這類的 RRGGBB 16 進位法指定顔色啦，還有直接輸入顏色像 blue red 等的也行，另一個則是 #[0-f][0-f][0-f] 的 #fa7 這種的 RGB 指定法，數字越大的代表顏色越亮，反之越暗。 R=Red G=Green B=Blue 。
• align 有 left center right 而 vertical align 有 top middle bottom
• 除非必要，不然應該盡量避免使用 hover 。除非你有辦法做到讓鍵盤使用者也能在有樣式的時候看到所有資料。
• 可接在 CSS 中的 id name 和 class name 的…嗯…從屬控制？？
  • hover |- （滑鼠）鼠標移過
  • focus |- （鍵盤）游標移過、大多只能作用於 a 或 form 系的元件而已。
  • link |- 未去過的超連結文字。
  • visited |- 已參觀過的超連結文字。
  • active |- 不明。跟 focus 似乎是相像的東西的樣子。
  • after |- 在此元件後方…通常是拿來加入 content:"文字"; 時會用到的。在該元件的 after 的描述式中，繼續加入 font 等的，會影響的是 content 這樣。
  • before |- 在此元件前方…通常是拿來加入 content:"文字"; 時會用到的。在該元件的 after 的描述式中，繼續加入 font 等的，會影響的是 content 這樣。
• 可用的滑鼠指標樣式 http://www.w3.org/TR/CSS21/ui.html#propdef-cursor
• tag#name:hover:after 這樣子的用法似乎是 OK 的。意即滑鼠移過去時在其後方顯示東西。

YourLocation

您的位置: ACnowiki >> Wini >> 個人各項筆記: 架站心得筆記